Qual é a melhor maneira de criar HTML em código C #? [fechadas]

Eu acredito que a marcação deve permanecer na marcação e não no código por trás.

Cheguei a uma situação em que acho aceitável criar o HTML no código por trás. Eu gostaria de ter algum consenso sobre quais são as melhores práticas ou deveriam ser.

Quando é aceitável criar html no código por trás? Qual é o melhor método para criar este html? (exemplo: Strings, StringBuilder, HTMLWriter, etc)

O uso de algo como o Razor não se aplica aqui? Porque se você está gerando muita geração de html usando um mecanismo de exibição, pode ser muito mais fácil. Também foi criado para ser usado fora do ASP.NET.

No entanto, às vezes não é isso que você precisa. Você já pensou em usar a classe TagBuilder, que faz parte do .net (mvc)? Há também o HtmlWriter no System.Web.UI (para formulários da Web). Eu recomendaria um desses se você estiver fazendo Controlsou Html Helpers.

Eu usaria o Html Agility Pack para montar o HTML e depois gravá-lo em um arquivo de texto.

Muitas horas de trabalho foram dedicadas a tornar o Html Agility Pack robusto e compatível com HTML.

Eu acho que inclui até um aplicativo de exemplo que gera HTML.

Na página inicial:

Aplicações de exemplo:

Fixação ou geração de página. Você pode consertar uma página da maneira que desejar, modificar o DOM, adicionar nós, copiar nós, bem ... o nome dela.

Eu usaria htmltags para criar HTML.

Exemplo:

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

E então CSQuery se eu quiser analisar HTML

Exemplo:

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

Obviamente, existem bibliotecas por aí, como o HTML Agility Pack, que podem ajudá-lo nesses empreendimentos.

Se você realmente não deseja usar uma biblioteca existente e deseja um código simples e simples, eu gosto da idéia de abstrair alguns comportamentos, como uma resposta anterior. Também gosto da idéia de usar um StringBuilder subjacente, em vez de uma string por duas razões:

1. Strings são menos eficientes que o construtor de strings
2. StringBuilder é uma estrutura de dados indexável,

Se eu não precisar de um mecanismo HTML de engenharia massiva, criaria uma interface simples e intuitiva

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

Se você acabar usando apenas strings, não se esqueça de escapar de todos os caracteres reservados em HTML nos dados de saída.

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

Eu recomendo usar uma classe ou biblioteca compatível com HTML em vez de trabalhar diretamente com cadeias de caracteres. HTMLWriter parece um bom começo.

Quase dois anos após o post original - aqui está uma solução que funcionou bem para mim. No documento de destino, coloco o seguinte:

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

a função que está sendo chamada se parece com isso:

    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;      
    }

E a saída resultante no navegador é a esperada:
O número é: 0
O número é: 1
O número é: 2
O número é: 3
O número é: 4

Quando vou exibir a fonte, encontro o seguinte:

<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>

CHAME ON!

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;

Provavelmente vou ser votado por isso, mas como um ex-designer que precisou ajustar o código HTML antes que eu realmente soubesse muito sobre o .NET, o código acima era muito mais fácil de entender do que os métodos que abstraem a criação de HTML. Se você acha que um designer pode precisar ajustar seu HTML, use sequências simples como esta.

Algo que muitos desenvolvedores sentem falta quando escrevem HTML no código é que, no HTML, aspas simples ou duplas são permitidas para atributos. Portanto, em vez de escapar de todas as aspas no código (o que parece um absurdo para os não iniciados), use aspas simples para as aspas html dentro de suas strings.

BEM. Todos os que odeiam concatenar cordas estão apertando meu representante. Aqui está a maneira 'adequada' de fazer isso sem concatenação de strings, mas defendo minha opinião de que qualquer página normal com tabelas normais não apresentará problemas de desempenho fora de uma escala ridícula do tipo 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();