Bagi sebuah web atau blog, Cek validasi HTML bisa menjadi sesuatu yang sangat penting, hal ini tidak lepas dari pemeliharaan blog tersebut. Semakin valid html maka semakin baik web atau blog maka semakin cross browser compatible.
Bagaimana jika seandainya saya mengabaikan validasi html blog saya?
Website atau blog yang tidak lulus validasi, meskipun bisa berjalan namun tetap memiliki error di dalam struktur mark up nya. Fitur error correction pada setiap browserlah yang menghandle error tersebut, namun masalahnya tidak semua browser menerjemahkan error tersebut dengan cara yang sama.Melalui validasi html, semua browser, bahkan yang paling tua sekalipun akan bisa membaca dokumen blog sobat dengan mudah.
Bagaimana contoh html yang valid?
Contoh hal simple yang bisa menyebabkan kode html disebut tidak valid misalnya seperti ini: <img src="/images/cara cek validasi html.jpg"/> bandingkan dengan <img src="/images/cara cek validasi html.jpg"alt="cara cek html yang valid"/> kedua kode diatas sama2 bisa diakses oleh browser, akan tetapi kode ke2 yang mengikuti aturan main validasi html lebih cepat dibaca oleh bot, hal ini dikarenakan pada sebuah gambar, tag "alt" lah yang menjadi referensi dari gambar tersebut.
Bagaimana cara cek validasi html?
Untuk melakukan cek validasi html sobat bisa menggunakan tools bernama Markup Validation yang disediakan oleh W3C. Silahkan menuju ke http://validator.w3.org. Gimana sudah dicek? Apakah banyak error sob? Wajar kalau banyak error karena memang pada dasarnya template blogger mengandung banyak kode css yang banyak.
Cek validasi html dan cara mengurangi error html
Setelah kita melakukan cek validasi html, tibalah saatnya untuk berbuka mengurangi error html tersebut. Mari mulai mengurangi error html walaupun tidak bisa 100 persen :)
1.Ganti kode html bawaan blogger, kodenya seperti ini :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">2.Selanjutnya cari kode berikut:
<b:include name='quickedit'/>Hapus semua kode yang seperti itu, catatan setiap menambahkan widget sobat harus melakukan delete lagi supaya validasi html nya tetap optimal.
3.Untuk poin ke 3
dalam rangka cek validasi html ini kita akan merubah salah satu kode bawaan blogger lagi, yaitu kode yang seperti ini :
<b:include data='blog' name='all-head-content'/>
ganti kode tersebut dengan
<!-- Blogger Default Meta --> <meta content='true' name='MSSmartTagsPreventParsing'/><meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/><link expr:href='data:blog.url' rel='canonical'/><link href='http://www.blogger.com/profile/IDBLOGGERPROFILESOBAT' rel='me'/><link href='http://www.blogger.com/openid-server.g' rel='openid.server'/><link href='http://www.blogger.com/rsd.g?blogID=IDBLOGGERSOBAT' rel='EditURI' title='RSD' type='application/rsd xml'/><link href='http://www.blogger.com/feeds/IDBLOGGERSOBAT/posts/default' rel='service.post' title='JUDULBLOG - Atom' type='application/atom+xml'/><link href='http://www.NAMABLOG.blogspot.com/feeds/posts/default' rel='alternate' title='JUDULBLOG - Atom' type='application/atom+xml'/><!-- End Blogger Default Meta -->
4.Mengurangi penggunaan kode strip/dash (-)
Untuk HTML
<!-- Blogger Default Meta --> Benar
<!-------- Blogger Default Meta --------> Salah
Untuk CSS
/* Header */ Benar
/*----- Header -----*/ Salah
5.Cari kode </head> jika sudah ketemu, letakkan kode berikut dibawahnya :
<!-- <body><div></div> -->
6.Biasakan menggunakan atribut ALT pada image, contoh :
<img alt='penulisan ALT pada image' src='URL image'/>Semoga tips dari ku ini dapat berguna buat sobat dan jika ada tambahan atau kesalahan pada script diatas tolong kasih sarannya.
Teriam kasih
0 Comments
Post a Comment
.::DOFOLLOW BLOG::.
Jika berkomentar SPAM maka akan segera dihapus,,
Jadi berkomentarlah yang sopan dan baik supaya mendapatkan Backlink dari blog ini
~Terima Kasih~