Dani Iswara .Net

Validasi XHTML Lagi

Tentang validasi X/HTML lagi. Setelah Validasi Plugin Sociable WP, kesalahan kode X/HTML saat menulis blog (’post’) pun dapat berakibat fatal. Menambah deretan hal yang merepotkan dari standar web.

Bukan sekadar menimbulkan pesan kesalahan dan atau peringatan saat divalidasi, bahkan dapat memunculkan pesan sejenis ini:

XML Parsing Error: mismatched tag. Expected: </div>.
Location: http://daniiswara.net/
Line Number 93, Column 3:
</p>
– – ˆ

Dalam kondisi ini, halaman awal (laman) dan atau halaman tulisan tersebut sama sekali tidak termuat. Hanya tampak pesan kesalahan seperti di atas.

Entah apakah ini hanya muncul pada DOCTYPE tertentu atau tidak.

Lokasi kesalahan bisa dengan mudah ditelusuri. Misal pada peramban Firefox, saat menemukan halaman dengan pesan kesalahan tersebut:

• tekan CTRL + U untuk melihat kode sumber
• kemudian tekan CTRL + L
• ketikkan nomor lokasi (baris) kesalahan dimaksud

Kesalahan sederhana yang pernah terjadi diantaranya (mengetik dalam moda HTML atau ‘plain text’) :

• Kesalahan konversi X/HTML otomatis dapat mengakibatkan laman tidak terbaca dengan benar oleh peramban.
  Misalnya konversi X/HTML otomatis (saat mengedit kembali tulisan yang sama) <!--more--> pada kalimat
  <p><!--more-->Kalimat-kalimat selanjutnya pada tulisan..</p>
  Mengapa disambung? Kalau tidak salah, jika dibuat seperti
  <p><!--more--></p>
<p>Kalimat-kalimat selanjutnya pada tulisan..</p>,
  jarak (spasi) paragraf pembuka (pada laman) dengan paragraf selanjutnya menjadi terlalu jauh.
  Solusinya, saya memilih cara di bawah (hapus kembali <p> dan </p>),
  <!--more-->Kalimat-kalimat selanjutnya pada tulisan..
• Sehubungan dengan penggunaan ‘plugin All in One SEO Pack’.
  ‘Plugin’ tersebut dapat secara otomatis mengambil sekian karakter pada paragraf pertama untuk dijadikan <meta name="description" content="...">.
  Masalah terjadi ketika kalimat pertama tersebut mengandung karakter &.
  Kesalahan ini juga berakibat fatal, seperti poin pertama di atas.
  Solusinya, mengganti karakter & dengan kata ‘dan’ atau menggantinya dengan ‘ampersand’ &.
• Kesalahan lain biasanya berhubungan dengan konversi otomatis X/HTML yang melibatkan kombinasi tag blockquote, ul, ol, li, pre dan img

Kalau tidak salah ingat, ada yang berbeda pada saat menggunakan editor teks Blogger.com (Blogspot) dulu. Jika ada konversi atau kesalahan penulisan kode X/HTML yang tidak sesuai, muncul peringatan ‘adanya kesalahan kode X/HTML’ saat akan mempublikasikan tulisan. Tulisan atau kode X/HTML yang bermasalah harus diubah dulu agar bisa dipublikasikan dengan baik.

Walaupun benar merepotkan, sepertinya ada manfaatnya juga.
Jika templat sudah tervalidasi dengan baik, kebiasaan menulis web dengan kode X/HTML yang valid sesuai DOCTYPE pada tiap tulisan tentu tidak akan membutuhkan validasi berulang.

Untuk mudahnya, tulisan yang termuat dengan baik hampir dapat dipastikan valid X/HTML[???].
Memang lebih baik & aman untuk selalu mengeceknya validitasnya kembali…