You are currently viewing Perbedaan Clean HTML (Blogger-style) dan Rich HTML (WordPress-style)

Perbedaan Clean HTML (Blogger-style) dan Rich HTML (WordPress-style)

Jika Anda pernah membuat postingan di Blogger maupun WordPress, dan mencoba mengedit konten dalam mode kode sumber atau HTML source, Anda mungkin akan menyadari bahwa struktur penulisan HTML antara keduanya tampak berbeda, meskipun isi atau tampilannya bisa saja serupa.

Di sini akan dibahas penamaan dari kedua gaya HTML tersebut, beserta cara paling praktis untuk menghasilkan masing-masingnya.

 

Sebutan HTML di Blogger dan WordPress

HTML yang dihasilkan oleh Blogger cenderung sangat sederhana. Kodenya ditulis secara lurus, tanpa indentasi, dan minim atribut tambahan. Format seperti ini disebut sebagai Clean HTML. Berikut contohnya:

Contoh Clean HTML

<code "language-xml"><p>Judul:</p><div><b>DATA:</b></div><div><ul><li><b>Nama:</b>&nbsp;[nama]</li><li><b>Alamat:</b>&nbsp;[alamat]</li></ul></div><div><br /></div><div>Terima kasih.</div>

Sementara itu, HTML di WordPress sering kali lebih kompleks. WordPress menggunakan editor visual seperti Gutenberg yang menyisipkan struktur bersarang, class CSS, dan atribut gaya. Format seperti ini disebut sebagai Rich HTML. Berikut contohnya:

Contoh Rich HTML

<code "language-xml"><div "wp-block-group">
  <div "wp-block-group__inner-container">
    <p style="text-align:left;"><strong>Nama:</strong> John Doe</p>
  </div>
</div>

 

Cara Membuat Clean HTML

Meminta GPT Membuatkan Clean HTML

Di era AI seperti sekarang, kita bisa meminta bantuan GPT (seperti ChatGPT) untuk menghasilkan kode HTML. Namun secara default, GPT sering kali menghasilkan Rich HTML karena mengikuti praktik umum web modern.

Jika Anda ingin meminta GPT untuk membuat Clean HTML, Anda perlu memberi instruksi secara eksplisit. Berikut contoh perintah yang dapat Anda gunakan:

Perintah:

“Buatkan Clean HTML dengan gaya penulisan satu baris tanpa indentasi, tanpa atribut style, menggunakan tag dasar seperti <p>, <ul>, <li>, <b>, dan <br />, serta gunakan &nbsp; untuk spasi antar label dan isinya.”

Contohnya:

<p>Dear DEVanoda Team,</p><div><br /></div><div><b>DATA DIRI:</b></div><div><ul><li><b>Nama:</b>&nbsp;[nama]</li><li><b>Email:</b>&nbsp;[email]</li></ul></div><div><br /></div><div>Terima kasih.</div>

Adapun kode Clean HTML yang saya inginkan adalah tentang:

[isi/topik yang dimaksud]

Menggunakan Editor Blogger untuk membuat Clean HTML

Meskipun GPT dapat digunakan untuk menghasilkan Clean HTML, alternatif terbaik tetaplah membuat HTML langsung melalui editor Blogger itu sendiri. Anda cukup:

  1. Menulis konten di editor visual Blogger.
  2. Beralih ke mode HTML/kode sumber.
  3. Salin hasil HTML-nya.

Metode ini lebih mudah, nyaman, dan akurat karena Anda dapat melihat langsung hasilnya secara visual, lalu menyalin HTML-nya sesuai kebutuhan. Anda juga dapat langsung mengoreksi bagian mana pun sebelum menggunakan atau menyalin kode tersebut. Ini lebih efisien dibandingkan mengandalkan GPT dalam semua kondisi.

Leave a Reply