Dani Iswara .Net

Yang Merepotkan dari Standar Web

Pertama kali mencoba menerapkan ‘tet3k bengek’ standar web di blog, memang amat sangat merepotkan sekali. Lho, standar web lagi? Yup, yang sudah muak, di-’skip aja’..

Ternyata menerapkan standar web di blog susah juga.

Belajar dari Situs Indonesia Penganut Standar Web, tanya sana-sini, kesimpulannya: memang merepotkan.

Tulisan ini sedang jadi ajang coba-coba..

Beberapa hal yang merepotkan dari standar web

1. Menemukan desain templat yang menyatakan sudah menganut standar web (biasanya valid X/HTML dan CSS).
   Yang umum digunakan biasanya ‘X/HTML 1.0 Transitional’ atau ‘X/HTML 1.0 Strict’.
   Untuk blog ini, demi memangkas ukuran berkas X/HTML dan CSS (dan juga karena memang tidak bisa mendesain blog..), saya pilih desain sederhana (sebagian templat dari blog lama di Blogspot) nan klasik ‘bin jadul’ yang mudah dikelola ini. Jika memungkinkan, tidak usah mengunakan ‘hacks’ CSS IE..
2. Walau desain templatnya sudah valid, ternyata ‘plugin-plugin’ dan atau modul-modulnya (CMS) tidak.
   Ada ‘plugin’ yang masih bisa dimodifikasi.
   Tapi di CMS Drupal, asal templatnya valid, setelah menambahkan sekian modul hasilnya masih valid juga.
3. Atau aksesoris web / blog tambahan dari pihak ketiga, kodenya juga ada yang tidak valid.
   Belakangan mulai banyak juga kode aksesoris blog yang mengacu ke valid X/HTML 1.0 Strict.
4. Validasi dianjurkan dilakukan setiap ada perubahan isi / kode web / blog.
   Jadi tiap mengubah kode templat, ‘layout’ (CSS), ‘widget’, bahkan setelah memuat suatu tulisan, ingat validasikan kembali! Repot kan..
5. Mungkin ada pengelola web / blog yang memilih mengetik dengan editor teks (moda X/HTML), bukan visual.
   Saya pernah mengalami otomatisasi atau konversi kode X/HTML yang berbeda.
   Misalnya, saat mengubah tulisan blog di editor visual WordPress 2.3.3 yang lalu, dengan peramban Opera 9.26 versi GNU/Linux (Slackware). Beberapa tag (contoh: href, class, img) berubah menjadi kapital (saat dilihat dalam moda X/HTML).
   Bisa ditebak, kesalahan kode ini yang membuatnya menjadi tidak valid (terutama yang menggunakan DOCTYPE ‘X/HTML Strict’).
   Khusus tag img malah memunculkan kode ilo-ph-fix="tofix" ilo-full src=.
   Hal ini tidak terjadi pada peramban Firefox.
   Apakah editor teks WP memang kurang kompatibel dengan Opera?
   WP versi 2.5 ini saya menggunakan editor teks HTML saja demi amannya.
   Dengan risiko, pembaca umpanan akan menerima tulisan kita berupa tag X/HTML juga..??

Modifikasi kode pada YouTube

Kesulitan lain berupa penyesuaian tag <embed> pada X/HTML Strict.
Pada tulisan Remote Physician using Robot Network, saya coba memasukkan video dari YouTube dengan penyesuaian kode sebagai berikut:

Dengan DOCTYPE X/HTML 1.1 ini, saya lakukan penyesuaian tag <embed> dan memasang kode url:

http://www.youtube.com/v/lDHyTifrSe8&hl=en

di kode di bawah:

<object type="application/x-shockwave-flash" style="width:425px; height:355px;" data="SOURCE_URL_HERE"><param  name="movie" value="SOURCE_URL_HERE" /></object>

hasilnya masih bisa valid dan berfungsi baik di peramban Firefox 2.0.0.13. Entah fungsional dengan peramban lainnya.

Untuk muatan Flash, mungkin bisa mengacu ke Creating Accessible Macromedia Flash Content (WebAIM).