Apa cara terbaik untuk membuat HTML dalam kode C #? [Tutup]

Saya memiliki keyakinan bahwa markup harus tetap dalam mark-up dan bukan pada kode di belakang.

Saya datang ke situasi di mana saya pikir itu dapat diterima untuk membangun HTML dalam kode di belakang. Saya ingin memiliki beberapa konsensus tentang apa praktik terbaik atau seharusnya.

Kapan bisa membangun html dalam kode di belakang? Apa metode terbaik untuk membuat html ini? (contoh: Strings, StringBuilder, HTMLWriter, dll)

Apakah menggunakan sesuatu seperti Razor tidak berlaku di sini? Karena jika Anda melakukan banyak pembuatan html menggunakan mesin tampilan dapat membuatnya jauh lebih mudah. Itu juga dibangun untuk digunakan di luar ASP.NET.

Namun terkadang itu bukan yang Anda butuhkan. Sudahkah Anda mempertimbangkan untuk menggunakan kelas TagBuilder yang merupakan bagian dari .net (mvc)? Ada juga HtmlWriter di System.Web.UI (untuk formulir web). Saya akan merekomendasikan salah satunya jika Anda membuat Controlsatau Html Helpers.

Saya akan menggunakan Paket Agility Html untuk merakit HTML dan kemudian menulisnya ke file teks.

Banyak jam kerja digunakan untuk membuat Html Agility Pack kuat dan HTML-compliant HTML-ramah.

Saya pikir itu bahkan termasuk contoh aplikasi yang menghasilkan HTML.

Dari beranda:

Contoh aplikasi:

Memperbaiki halaman atau membuat generasi. Anda dapat memperbaiki halaman seperti yang Anda inginkan, memodifikasi DOM, menambahkan node, menyalin node, well ... apa saja.

Saya akan menggunakan htmltag untuk membuat HTML.

Contoh:

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

Dan kemudian CSQuery jika saya ingin mem-parsing HTML

Contoh:

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

Tentu saja ada perpustakaan di luar sana, seperti HTML Agility Pack yang dapat membantu Anda dalam upaya ini.

Jika Anda benar-benar tidak ingin menggunakan perpustakaan yang ada, dan ingin kode sederhana, turun-dan-kotor, saya suka ide untuk mengabstraksi beberapa perilaku seperti jawaban sebelumnya. Saya juga menyukai gagasan menggunakan StringBuilder yang mendasarinya, sebagai lawan dari string karena beberapa alasan:

1. String kurang efisien daripada pembangun string
2. StringBuilder adalah struktur data yang dapat diindeks,

Jika saya tidak membutuhkan mesin HTML yang direkayasa secara besar-besaran, saya akan membangun antarmuka yang sederhana dan intuitif

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

Jika Anda akhirnya hanya menggunakan string, jangan lupa untuk melepaskan semua karakter yang disediakan HTML dalam data output Anda.

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

Saya sarankan menggunakan kelas HTML-aware atau perpustakaan daripada bekerja secara langsung dengan string. HTMLWriter terlihat seperti awal yang bagus.

Hampir dua tahun setelah posting asli - ini adalah solusi yang telah bekerja dengan baik untuk saya. Dalam dokumen target saya menempatkan yang berikut ini:

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

fungsi yang dipanggil terlihat seperti ini:

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

Dan output yang dihasilkan di browser seperti yang diharapkan:
Jumlahnya adalah: 0
Jumlahnya adalah: 1
Jumlahnya: 2
Jumlahnya yang: 3
Jumlahnya yang: 4

Ketika saya pergi untuk melihat sumber saya menemukan yang berikut:

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

MENYALA!

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;

Saya mungkin akan downvoted untuk ini, tetapi sebagai mantan desainer yang harus men-tweak HTML dalam kode sebelum saya benar-benar tahu banyak tentang. NET, kode di atas adalah cara yang lebih mudah untuk dipahami daripada metode yang abstrak pembuatan HTML. Jika Anda berpikir seorang desainer mungkin harus mengubah HTML Anda, gunakan string sederhana seperti ini.

Sesuatu yang saya lihat banyak devs lewatkan ketika mereka menulis HTML dalam kode adalah bahwa dalam HTML, tanda kutip tunggal atau ganda diperbolehkan untuk atribut. Jadi, alih-alih menghindari semua tanda kutip dalam kode (yang terlihat aneh sekali bagi yang tidak diinisiasi), gunakan saja tanda kutip tunggal untuk kutipan html di dalam string Anda.

BAIK. Semua pembenci string yang berangkai adalah perwakilan saya. Inilah cara yang 'tepat' untuk melakukan ini tanpa penggabungan string, tetapi saya berpendapat bahwa setiap halaman normal dengan tabel normal tidak akan menghadirkan masalah kinerja di luar skala konyol seperti 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();