Pengikut

17 Juli 2007

HTML : HTML Entity

Terkadang kita ingin menyalin kode HTML dalam sebuah postingan untuk sekedar memberitahu kode yang bisa dipasang untuk memasang ikon Yahoo! Messenger. Berharap kode yang dimasukan bisa muncul dan dengan mudah bisa disalin oleh pengunjung, namun yang didapat malah tak sesuai keinginan. Kode yang dimasukan malah sudah terlanjur berubah menjadi ikon Yahoo!, wah sepertinya ada yang salah nih dengan pemasangan kodenya.

Lalu bagaimana memasang kode HTML di dalam postingan agar sesuai dengan kehendak? Untuk keperluan ini sudah waktunya kita berkenalan dengan istilah entitas HTML. Atau bila masih tak familiar, mungkin istilah HTML entity jauh lebih asing lagi :D.

Untuk apa perlu bersingungan dengan istilah ini? sebagai gambaran umum saja, kode HTML merupakan kode yang erat kaitanya dengan perambah (browser). Kode HTML laiknya kode perintah yang bisa dimengerti oleh majikannya, dalam hal ini bisa berupa Internet Explorer, Mozilla atau Opera. Sesaat setelah kode ini dibaca (lebih tepatnya dieksekusi) maka kode ini akan berubah haluan menjadi sajian yang lebih mudah dimengerti. Misalnya bila kita ketikan <B>huruf tebal</B> maka kata tersebut akan disulap menjadi huruf tebal. Nah disini bisa dengan jelas kita lihat bahwa kata "huruf tebal" diatas adalah dua hal yang berbeda. Bagian yang pertama menggunakan entitas HTML agar dimunculkan kode HTML dasar, sedang bagian kedua adalah hasil yang telah dibaca oleh perambah.

Jadi bisa dimengerti kan? Untuk itu bagi yang ingin menampilkan kode HTML yang masih belum dieksekusi oleh perambah, kita perlu bantuan entitas HTML. Berikut adalah beberapa contoh dari mereka (kolom pertama adalah hasil, kolom kedua adalah entitasnya) :

" : "
< : $lt;
> : $gt;

Untuk info lebih lanjut mengenai hal ini bisa tuju alamat : http://www.w3schools.com/tags/ref_entities.asp

Atau (ada cara lain yang tak kalah asyiknya untuk dicoba) adalah menggunakan textarea. Dengan bantuan ini bisa saja kita tak perlu repot-repot mengganti kode dengan substitusinya dari entitas HTML, jadi cukup mengapit kode HTML yang akan ditampilkan dengan menempatkanya diantara <textarea> dan <textarea>.
Misalnya . Lebih mudah mana :).

Bila kita memiliki kode yang panjang, dan kliatanya repot bila harus menggantinya satu persatu, gunakan bantuan Notepad dengan fitur "Find and Replace", atau "Replace". Masukan kode yang ingin diganti di kolom atas, dan masukan kata penggantinya di bagian bawah.

Add to Technorati Favorites
Kabarkan ke teman blog ini

Free Tell-a-Friend by Bravenet.com