Validasi XHTML Lagi
April 17, 2008 – 12:40 by Dani Iswara. Words count: 392.Last updated: Saturday, May 24, 2008 at 2:25.
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,predanimg
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… 
Comment by Goenawan Lee on April 17, 2008 at 18:46:57
using Flock 1.1.1 on Windows XP
Ahahahaaa… Kadang pas ngetik postingan *saya ngetik manual di Notepad baru kopas ke dashboard* bisa terlupa dan ujung2nya ga valid gara-gara tag P lupa dikasih penutup lah, tag img atau br yang masih diketik pake HTML lah… Untung udah membiasakan diri ngetik postingan dengan XHTML =___=
*untung komen udah di-convert otomatis ke XHTML*
Goenawan Lee’s last blog post: GEnhanced-Magz WP Theme
Comment by Dani Iswara on April 17, 2008 at 19:35:33
using Mozilla Firefox 2.0.0.13 on GNU/Linux
Goenawan Lee:
ya sama sih..ketik manual dulu di editor teks biar ngga dikonversi..cuman pas ngedit yg dah publish itu, kan tag
<p>jd muncul..kadang malah munculnya di tempat yg tak terdugaitu biangnya
maklum, masi belajar membiasakan diri..
Comment by devari on April 17, 2008 at 20:40:42
using Mozilla Firefox 2.0.0.13 on Mac OS X
bli dani, saya baru ngeh dengan tulisan2 bli ttg validasi2 ini. gara2nya coba2 ngetes blog saya. kok buaaanyakkk sekali error2 ya dan di bilang ga valid..wah jadi bingung apanya ya gimana. adakah cara untuk test template blog apa valid apa ga? atau adakah editor text yg otomatis test dulu sebelum di publish?
Comment by Goenawan Lee on April 17, 2008 at 22:05:06
using Flock 1.1.1 on Windows XP
Visual Editor-nya diaktifkan?
Comment by Dani Iswara on April 17, 2008 at 23:15:18
using Mozilla Firefox 2.0.0.14 on GNU/Linux
devari:
yg lbh penting fungsi dan tampilannya di bbrp peramban utama tetap aman aja bli,
lbh utama lg, pesan yg ingin disampaikan nyampe dgn sukses..
jgn sampe ngeblog yg sedemikian gampang malah jd ribet..
tulisan2 saya cuman sebatas berbagi bahwa standar web itu ada yg bikin rekomendasinya..http://www.w3.org/
malaysia punya http://www.wsmy.org/, singapore punya http://websg.org/
biasanya templat punya spesifikasi yg menyatakan valid css dan xhtml, browser friendly, dll
di editor teks blogspot dan wp, sudah ada konversi x/html otomatis (coba lihat2 bedanya dlm moda ‘visual’ dan ‘html’), terutama utk
<p>,<br />, hanya mungkin tetap membutuhkan sentuhan manual penulis pd bbrp kasus spt di atas..ekstensi web developer fx dpt menampilkan otomatis hasil validitas tiap halaman web yg ditampilkan..
jeg sante gen bli..
Comment by Dani Iswara on April 17, 2008 at 23:21:26
using Mozilla Firefox 2.0.0.14 on GNU/Linux
Goenawan Lee:
mmm ini pertanyaan buat siapa? maap, daku gak install threaded comment (kayaknya ukuran skripnya kegedean..)
setuju visual editor diaktivin, tp gemana skrg konversi tag
![]()
o i a..antar muka wp skrg (WP 2.5) valid xhtml 1.0 transitional dan lolos tes aksesibilitas (WAI) jg, jd aman diakses tanpa gambar
Comment by Ecko on April 18, 2008 at 02:06:18
using Mozilla Firefox 2.0.0.11 on Windows XP
Wah, bukan untuk pemakai setia Blogger nih kalo gini.
Comment by Goenawan Lee on April 18, 2008 at 10:32:42
using Mozilla Firefox 2.0 on Windows XP
Hehehee, lupa ta kasih blockquote. Saya sih Visual Editor-nya ta matiin, jadi full ketik manual. Bisa lebih teliti, kayaknya deh.
Comment by Dani Iswara on April 18, 2008 at 13:03:35
using Mozilla Firefox 2.0.0.14 on GNU/Linux
Goenawan Lee:
kl ngetik yg konvensional sih diidupin gpp..daku pribadi sih tak matiin jg..gara2 konversi tag ‘img’ pas di opera itu.. (knapa tjd di opera ya??)
di fx ngga..
Comment by Dani Iswara on April 18, 2008 at 13:56:09
using Mozilla Firefox 2.0.0.14 on GNU/Linux
barusan ngecek pake wp 2.5 + opera 9.27 (linux) + visual editor aktif & tdk…
sptnya kejadian “konversi tag img di opera” itu udah gak gitu lg..
di wp 2.3.x + opera 9.26 dl tjd kejadian “konversi” itu..
Comment by bodhi on April 19, 2008 at 05:41:39
using Mozilla Firefox 2.0.0.14 on Windows XP
ahhh, how I miss that WP tag..
hehehhee..
mas, saya coba jelasin Symphony, tapi cara menjelaskannya dengan sebuah tutorial yang (yah, ngapain lagi kalo bukan) NGEJELASIN cara ngebuat “sesuatu” dengan symphony.
check i out : http://29site.com/entries/symphony-sleek-and-easy-a-tutorial/
Comment by annie on April 19, 2008 at 09:10:43
using Mozilla Firefox 2.0.0.9 on Windows XP
iya… annie juga paling sering ber masalah dengan X/HTML…:(
kadang bingung ngotakngatiknya….
Comment by Dani Iswara on April 20, 2008 at 00:37:47
using Mozilla Firefox 2.0.0.14 on GNU/Linux
annie:
nanti pasti bisa deh..annie kan rajin..
Comment by Dani Iswara on April 20, 2008 at 00:39:18
using Mozilla Firefox 2.0.0.14 on GNU/Linux
bodhi:
saya konsul install via mail yaa..
Comment by Baru Tahu on September 30, 2009 at 00:53:31
using Mozilla Firefox 3.5.3 on Windows XP
Udah lama bner ni postingan, sy baru mo belajar tentang ini, spertiny susah klo belajarnya dengan gugel, bingung sndiri kebanyakan referensi.
Comment by Dani Iswara on September 30, 2009 at 02:43:14
using Mozilla Firefox 3.5.3 on openSUSE Linux
Baru Tahu,
bukannya yang lain juga belajar dari om google?