Icon Cek Kelayakan CSS & XHTML

Kita mungkin kadang-kadang mengira bahwasannya melakukan perubahan pada Tempate BlogSpot/Blogger bahkan WordPress itu mudah, padahal belum tentu script yang kita gunakan atau kita ambil bisa dikatakan Valid oleh W3C. Nah, sapa lagi tu W3C? Mungkin beberapa dari kawan-kawan ada yang belum tau dengan website yang beralamatkan di www.w3.org ini. Adalah sebuah situs yang memiliki tools untuk memeriksa ke-Valid-an sebuah Web.

Ada 2 opsi dari W3 Validator yang bisa kita gunakan secara gratis dari situs ini untuk mengetahui kelayakan dari Script yang kita gunakan, yaitu dengan The W3C CSS Validation Service dan The W3C Markup Validation Service. Dari W3C Validator tersebut pada dasarnya kita ditunjukkan format-format penulisan Script yang benar sesuai dengan aturan yang baku. Dan juga membantu kawan-kawan apabila mempunyai Tema Web/Blog yang script CSS atau XHTML yang bisa dikatakan berserakan (tidak tertata). Karena jika kita memiliki tatanan Script yang tidak tertata, itu akan mempersulit kita dalam melakukan pengeditan pada Template/Tema kita.

Kenapa sampai segitunya memperlakukan XHTML seperti itu? Karena XHTML menyempurnakan kekuranan-kekurangan pada HTML dan dapat dijalankan pada berbagai Platform, sehingga memungkinkan situs kita dapat dibuka dengan baik melalui PDA atau Ponsel. Berbeda dengan CSS, walaupun ada kesalahan yang terbilang fatal sekalipun Page Situs kita ga bakal Eror hanya sedikit berantakan pada Stylenya saja. Tapi jika XHTML atau HTMLnya yang eror, kemungkinan terburuknya kita tidak dapat mengakses apapun dari dalamnya.

Ada beberapa cara untuk loncat ke situs pengecekan ini, hanya dengan klik The W3C CSS Validation Service ini, kawan bisa cek Valid atau tidaknya CSS kita. Dan klik The W3C Markup Validation , kita bisa tau apa yang kurang tepat pada Script HTML. Atau klik Gambar Icon CSS dan XHTML pada menu navigasi Blog ini. Masukkan URL Web/Blog yang kawan miliki pada tab yang pertama. Jika ingin mengupload Scriptnya, klik pada By File Upload dan jika ingin memilih sendiri Script yang ingin dimasukkan, klik tab yang menunjukkan By Direct Input. Untuk More Optionnya biarkan Standard untuk pertama kalinya atau kawan bisa Custom sendiri.

Uniknya, kita bisa dapat hadiah Icon jika terdapat ke-Valid-an Script yang kita masukkan. Contohnya seperti ini :


        dan

Icon ini bisa bermanfaat ketika kita sudah melakukan pengeditan pada Template agar kita tau bagian mana yang terdapat Eror atau Warning saat kita memilikinya pada Web/Blog sendiri.
Tapi yang perlu diingat "Ini hanya Gambaran bagaimana layaknya sebuah Script ditempatkan" bukan berarti ketika Eror atau Warning Script kita tidak bisa dipakai. Lebih baik kawan-kawan coba dulu sebelum mencela saya (hehehehe...).

Kalau ada yang minat pasang Iconnya seperti punya Vande Soul di bagian menu navigasi, silahkan CoPas kode dibawah ini :

Untuk CSS :

 <a href='http://jigsaw.w3.org/css-validator/check/referer'>
        <img alt='Valid CSS!' src='http://jigsaw.w3.org/css-validator/images/vcss' style='border:0;width:88px;height:30px'/></a>

Untuk XHTML :

<a href='http://validator.w3.org/check?uri=referer'><img alt='Valid XHTML 1.0 Strict' height='25' src='http://www.w3.org/Icons/valid-xhtml10' width='88'/></a>

Selamat mengoreksi dan mari belajar bersama...