C # 코드에서 HTML을 만드는 가장 좋은 방법은 무엇입니까? [닫은]

마크 업은 코드가 아닌 마크 업으로 유지되어야한다고 생각합니다.

코드 뒤에 HTML을 작성하는 것이 허용되는 상황에 도달했습니다. 모범 사례가 무엇인지 또는 어떻게해야하는지에 대해 의견을 나누고 싶습니다.

코드 뒤에 HTML을 작성하는 것이 언제 가능합니까? 이 HTML을 만드는 가장 좋은 방법은 무엇입니까? (예 : 문자열, StringBuilder, HTMLWriter 등)

여기서 Razor 와 같은 것을 사용할 수 없습니까? 뷰 엔진을 사용하여 많은 HTML 생성을 수행하는 경우 훨씬 쉽게 만들 수 있기 때문입니다. 또한 ASP.NET 외부에서 사용되도록 제작되었습니다.

그러나 때때로 그것은 당신이 필요로하지 않는 것입니다. .net (mvc)의 일부인 TagBuilder 클래스 사용을 고려 했습니까 ? System.Web.UI 에는 HtmlWriter 도 있습니다 (웹 양식 용). 당신이 만드는 경우이 중 하나를 추천합니다 Controls또는 Html Helpers.

HTML Agility Pack 을 사용하여 HTML 을 어셈블 한 다음 텍스트 파일에 작성합니다.

Html Agility Pack을 강력하고 HTML 호환 HTML 친화적 으로 만들기 위해 많은 시간이 소요되었습니다 .

HTML을 생성하는 샘플 응용 프로그램도 포함되어 있다고 생각합니다.

홈페이지에서 :

샘플 애플리케이션 :

페이지 수정 또는 생성 원하는 방식으로 페이지를 수정하고, DOM을 수정하고, 노드를 추가하고, 노드를 복사하는 등의 방법으로 이름을 지정할 수 있습니다.

내가 사용하는 것이 htmltags을 HTML을 만들 수 있습니다.

예:

var tag = new HtmlTag("span")
    .Text("Hello & Goodbye")
    .AddClass("important")
    .Attr("title", "Greetings")

그런 다음 HTML을 구문 분석하려면 CSQuery

예:

dom.Select("div > span")
    .Eq(1)
    .Text("Change the text content of the 2nd span child of each div");

물론 이러한 노력을 지원할 수있는 HTML Agility Pack과 같은 라이브러리가 있습니다.

기존 라이브러리를 사용하고 싶지 않고 단순하고 까다로운 코드를 원한다면 이전 답변과 같은 동작을 추상화하는 아이디어가 마음에 듭니다. 또한 몇 가지 이유로 문자열이 아닌 기본 StringBuilder를 사용하는 아이디어가 마음에 듭니다.

1. 문자열은 문자열 빌더보다 효율적이지 않습니다
2. StringBuilder는 색인 가능한 데이터 구조입니다.

대규모 엔지니어링 HTML 엔진이 필요하지 않은 경우 간단하고 직관적 인 인터페이스를 작성합니다.

AddLineBreak();
AddSimpleTag(string tagName);
AddSimpleTagAt(string tagName, string content, int index);
Output();

문자열 만 사용하면 출력 데이터에서 모든 HTML 예약 문자를 이스케이프 처리해야합니다.

&    &
>    >
<    &lt;
"    &quot;
'    &apos;

그래도 문자열을 직접 사용하는 대신 HTML 인식 클래스 또는 라이브러리를 사용하는 것이 좋습니다. HTMLWriter는 꽤 좋은 시작처럼 보입니다.

원래 게시물 이후 거의 2 년이 걸렸습니다. 여기에 저에게 잘 맞는 솔루션이 있습니다. 대상 문서에서 다음을 배치합니다.

<table>    
    <%:theHtmlTableMomToldYouAbout() %>    //# Where I want my rows of table data to go
</table>

호출되는 함수는 다음과 같습니다.

    public HtmlString theHtmlTableMomToldYouAbout()
    {
        string content = "";
        HtmlString theEnvelopePlease = null;

        for (int i = 0; i < 5; i++)
        {
            content = content + "<tr><td>The Number Is: " + i + "</td></tr>";
        }
        theEnvelopePlease = new HtmlString(content);
        return theEnvelopePlease;      
    }

그리고 브라우저의 결과 출력은 예상대로입니다 :
숫자 : 0
숫자 : 1
숫자 : 2
숫자 : 3
숫자 : 4

소스를 볼 때 다음을 발견합니다.

<table>
    <tr><td>The Number Is: 0</td></tr>
    <tr><td>The Number Is: 1</td></tr>
    <tr><td>The Number Is: 2</td></tr>
    <tr><td>The Number Is: 3</td></tr>
    <tr><td>The Number Is: 4</td></tr>
</table>

화염!

var html = "";
html += "<table class='colorful'>";
foreach(var item in collection) {
     html += "<tr>";
     html += "<td class='boldCell'>" + item.PropWhatever + "</td>";
     // more cells here as needed
     html += "</tr>";
}
html += "</table>";
placeholder1.InnerHtml = html;

나는 이것에 대해 하향식으로 조사 할 것이지만, .NET에 대해 정말로 많이 알기 전에 코드에서 HTML을 수정해야했던 전 디자이너로서 위의 코드는 HTML 생성을 추상화하는 방법보다 이해하기가 훨씬 쉽습니다. 디자이너가 HTML을 수정해야 할 수도 있다고 생각되면 다음과 같은 간단한 문자열을 사용하십시오.

코드로 HTML을 작성할 때 많은 개발자가 놓친 부분은 HTML에서 속성에 작은 따옴표 나 큰 따옴표가 허용된다는 것입니다. 따라서 코드에서 모든 인용 부호를 이스케이프 처리하는 대신 (시작되지 않은 사람에게는 지옥처럼 보이지 않음) 문자열 안의 HTML 인용 부호에 작은 따옴표를 사용하십시오.

좋아. 당신을 연결하는 증오하는 사람들은 모두 내 담당자를 쥐고 있습니다. 다음은 문자열 연결없이이를 수행하는 '적절한'방법입니다. 그러나 일반 테이블이있는 일반 페이지는 어리석은 Google과 같은 규모 이외의 성능 문제를 나타내지 않을 것이라고 생각합니다.

var sb = new System.Text.StringBuilder();
sb.Append("<table class='colorful'>");
foreach (var item in collection)
{
     sb.Append("<tr>");
     sb.Append("<td class='boldCell'>" + item.PropWhatever + "</td>");
     // more cells here as needed
     sb.Append("</tr>");
}
sb.Append("</table>");
placeholder1.InnerHtml = sb.ToString();