Minggu, 26 Mei 2013

Menulis Css Dan Link Menggunakan HTML Entity


HTML ENTITY

Setelah aku coba tes pada browser FF, IE ternyata menulis style menggunakan HTML NUMBER berhasil. Kalau menurutku HTML NUMBER adalah sebuah gabungan kode yang membentuk kode lain, kalau dalam dunia web desain biasa disebut Entity. contoh sederhana kode ini blog output a/ hasil generate dari kode tersebut adalah blog.

ILUSTRASI

html entity

Lihat sumber dari demo tersebut maka anda akan temukan kode ini &#98;&#108;&#111;&#103; bukan..? sebelum lanjut ke pembahasannya aku mau kasi tau kalau penulisan css menggunakan HTML Entity ini hanya bekerja untuk style inline saja, artinya kode cssnya tidak dibungkus menggunakan tag <style> karena aku coba menggunakan tag <style> kodenya tidak bekerja. Jika anda ingin mencoba anda bisa melihat kodenya di web HTML Codes atau menggunakan Tools Encode.

<body style='background:#&#100;&#048;&#048;'></body>

ILUSTRASI

Kita juga bisa menerapkan trik ini untuk menulis link, contoh dibawah ini...

<a href="&#104;&#116;&#116;&#112;://&#122;&#104;&#105;&#110;&#116;&#111;&#046;&#098;&#108;&#111;&#103;&#115;&#112;&#111;&#116;&#046;&#099;&#111;&#109;/">Nama Link</a>

ILUSTRASI

Lihatlah sumber dari halaman tersebut maka anda akan lihat nilai hrefnya adalah html entity. jika anda gagal dalam melakukan trik ini berarti anda belum mempunyai kode dibawah ini dalam template anda.

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

Jika seperti itu, maka simpan kode meta tersebut dibawah kode <head>. oke selamat mencoba...