Quelle est la meilleure façon de créer du HTML en code C #? [fermé]

J'ai la conviction que le balisage doit rester dans le balisage et non dans le code derrière.

Je suis arrivé à une situation où je pense qu'il est acceptable de construire le code HTML dans le code derrière. J'aimerais avoir un certain consensus sur les bonnes ou les meilleures pratiques.

Quand est-il acceptable de construire du HTML dans le code derrière? Quelle est la meilleure méthode pour créer ce html? (exemple: Strings, StringBuilder, HTMLWriter, etc.)

Est-ce que l'utilisation de quelque chose comme Razor n'est pas applicable ici? Parce que si vous faites beaucoup de génération HTML en utilisant un moteur de vue, cela peut être beaucoup plus facile. Il a également été conçu pour être utilisé en dehors d'ASP.NET.

Cependant, parfois, ce n'est pas ce dont vous avez besoin. Avez-vous envisagé d'utiliser la classe TagBuilder qui fait partie de .net (mvc)? Il y a aussi le HtmlWriter dans System.Web.UI (pour les formulaires Web). Je recommanderais l'un d'entre eux si vous faites Controlsou Html Helpers.

J'utiliserais le pack d'agilité HTML pour assembler du HTML, puis l'écrire dans un fichier texte.

De nombreuses heures de travail ont été nécessaires pour rendre le pack d'agilité Html robuste et compatible HTML.

Je pense qu'il comprend même un exemple d'application qui génère du HTML.

Depuis la page d'accueil:

Exemples d'applications:

Correction ou génération de page. Vous pouvez corriger une page comme vous le souhaitez, modifier le DOM, ajouter des nœuds, copier des nœuds, eh bien ... vous l'appelez.

J'utiliserais htmltags pour créer du HTML.

Exemple:

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

Et puis CSQuery si je veux analyser HTML

Exemple:

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

Il existe, bien sûr, des bibliothèques, telles que HTML Agility Pack, qui peuvent vous aider dans ces efforts.

Si vous ne voulez vraiment pas utiliser une bibliothèque existante et que vous voulez du code simple, bas et sale, j'aime l'idée d'abstraire certains des comportements comme une réponse précédente l'a déclaré. J'aime également l'idée d'utiliser un StringBuilder sous-jacent, par opposition à une chaîne pour quelques raisons:

1. Les chaînes sont moins efficaces que le générateur de chaînes
2. StringBuilder est une structure de données indexable,

Si je n'ai pas besoin d'un moteur HTML massivement conçu, je construirais une interface simple et intuitive

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

Si vous finissez par n'utiliser que des chaînes, n'oubliez pas d'échapper tous les caractères réservés HTML dans vos données de sortie.

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

Je recommande cependant d'utiliser une classe ou une bibliothèque HTML au lieu de travailler directement avec des chaînes. HTMLWriter ressemble à un assez bon début.

Près de deux ans après la publication d'origine - voici une solution qui a bien fonctionné pour moi. Dans le document cible, je place ce qui suit:

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

la fonction appelée ressemble à ceci:

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

Et la sortie résultante dans le navigateur est comme prévu:
Le nombre est: 0
Le nombre est: 1
Le nombre est: 2
Le nombre est: 3
Le nombre est: 4

Lorsque je vais voir la source, je trouve ce qui suit:

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

FLAMME!

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;

Je vais probablement obtenir un vote négatif pour cela, mais en tant qu'ancien concepteur qui a dû modifier le code HTML avant de vraiment en savoir beaucoup sur .NET, le code ci-dessus était beaucoup plus facile à comprendre que les méthodes qui résument la création HTML. Si vous pensez qu'un concepteur pourrait avoir à modifier votre code HTML, utilisez des chaînes simples comme celle-ci.

Quelque chose que je constate que beaucoup de développeurs manquent lorsqu'ils écrivent du HTML dans le code, c'est qu'en HTML, les guillemets simples ou doubles sont autorisés pour les attributs. Donc, au lieu d'échapper à toutes les guillemets dans le code (ce qui semble bizarre aux non-initiés), utilisez simplement des guillemets simples pour les guillemets html à l'intérieur de vos chaînes.

BIEN. Tout ce que vous, les haineux concaténants, cramponnez à mon représentant. Voici la façon «correcte» de le faire sans concaténation de chaînes, mais je maintiens mon opinion que toute page normale avec des tables normales ne présentera aucun problème de performances en dehors d'une échelle ridicule de type 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();