Saturday, September 21, 2013

Cara Menampilkan Kode HTML Dalam Postingan

Ketika kode-kode HTML ingin ditampilkan sebagaimana tampilan teks pada biasanya dalam suatu artikel, kita tidak bisa begitu saja menuliskannya di dalam lembar kerja, tetapi sebelumnya kode-kode HTML itu perlu diparse terlebih dahulu.

Apa akibatnya jika kode-kode HTML itu tidak diparse, dan hanya melekatkannya secara mentah-mentah di dalam lembar kerja?

Akibatnya sih tidak fatal, tetapi nantinya kita hanya akan mendapati berupa hasil eksekusi dari kode-kode HTML itu, bukan tampilan kode-kodenya.

Untuk memparse kode-kode HTML ada beberapa hal yang perlu dilakukan:

  • Ganti karakter < dengan &lt;
  • Ganti karakter > dengan &gt;
  • Ganti karakter " dengan &quot;
  • Ganti karakter & dengan &amp;

Di atas merupakan beberapa karakter dalam part kode HTML yang perlu diparse agar mendapatkan hasil yang diharapkan.

Semisal kita ingin menampilkan kode HTML seperti di bawah ini dalam artikel:

<a href="Tujuan_Link">Visit to...</a>

Maka di dalam sumber kode kita harus menuliskannya seperti berikut:

&lt;a href=&quot;Tujuan_Link&quot;&gt;Visit to...&lt;/a&gt;

Jika penulisannya tidak mengikuti penulisan di atas, maka kita hanya akan mendapatkan hasil dari eksekusi kode HTML itu sendiri, dan mungkin hasilnya bisa seperti ini:

Visit to...

Agar lebih cepat memparse karakter-karakter dalam part kode HTML, bisa gunakan layanan online penyedia parse kode HTML.

Tambahan:

Jangan lupa menuliskannya dalam mode HTML:

Cara Menampilkan Kode HTML Dalam Postingan