Menyamakan Desain Web Antar Browser
Validasi HTML bukan barang baru lagi, terlebih umurnya sudah hampir 8 tahun sejak pertama kali dikeluarkan oleh W3C. Standarisasi dokumen HTML sudah dikeluarkan sejak tahun 2000, awalnya sih tahun 1998, tetapi baru disahkan dan digunakan secara resmi tahun 2000, tepatnya bulan januari 2000. Terus ada apa dengan validasi HTML? tentu saja imbasnya adalah masalah desain web. Sering ada yang bertanya, gimana sih caranya agar desain web yang ditampilkan di mozilla dan internet explorer bisa sama? tanpa ada perubahan spasi atau margin antar elemen HTML. Solusinya kembali kepada standarisasi HTML tadi. Dokumen HTML yang valid (mengikuti aturan) menurut W3C akan ditampilkan sama pada berbagai macam browser, baik internet explorer atau firefox mozilla. Memangnya bagaimana aturan yang diterapkan oleh W3C ?
Dunia menyebutnya dengan XHTML, bukan lagi HTML. XHTML adalah versi lanjutan dari HTML. Artinya XHTML adalah dokumen HTML yang sudah mengikuti aturan standar dari W3C. XHTML kepanjangannya eXtensible HTML, sehingga XHTML adalah versi bersih dari HTML. Lalu bagaimana aturan atau perbandingan sintak XHTML dan HTML biar saya tahu perbedaanya? berikut ini perbandingan aturan XHTML dan HTML.
Sintak XHTML
1 2 3 4 5 6 | <br /> <hr /> <option selected="selected"></option> <textarea readonly="readonly"></textarea> <input type="submit" value="xxx" /> <img src="..." /> |
Sintak HTML
1 2 3 4 5 6 | <br> <hr> <option selected></option> <textarea readonly></textarea> <input type=submit value=xxx> <img src="..."> |
Perbedaanya hanya sedikit, hanya pada spasi, kutip dua, penutup tag dll.Tapi itu semua berpengaruh terhadap proses validasi yang nantinya akan berpengaruh terhadap tampilan di masing-masing browser. Browser seperti IE atau firefox memiliki model parsing sendiri terhadap kode HTML, dan model parsing ini bekerja berdasarkan standarisasi yang ditetapkan W3C.
Pada artikel berikutnya akan dibahas 3 jenis tingkat XHTML.
Related Post
Filled in category Belajar web, Blogger, Blogging, CSS, Cerita-Cerita, Tutorial










ditunggu lanjutannya
mas ajarin optimasi TDO Form donk, gw gak pernah berhasil niy
emang optimasi kemana? TDO kan cm buat masukin postingan tanpa menjadi member suato blog wordpress, klo masalah tampilan bisa langsung ke plug inya langsung, pasti ada script buat ngatur tampilannya, bisa ke cssnya atau html formnya
guud luk
[…] Menyamakan Desain Web Antar Browser […]
mnrt saya pribadi, html (terutama yg strict) tanpa xhtml seharusnya bisa ringkas juga asal ngga pake inline css..
scr masi bs diterima luas oleh peramban spt IE (IE blm bisa merender xhtml [??])
ada yg blg..xhtml sebenarnya basi..kl ngga butuh menghantarkan xml, ya cukup pake mode text/html..
xhtml 1.0 ternyata masi diijinkan oleh standar menggunakan mode text/html..dgn kata lain ktnya ” x ” nya jd mubazir..
tp kl utk membiasakan diri, xhtml dianggap transisi yg baik..
lanjut mas..salut utk pencerahannya..m baca lanjutannya..berangkat..
Mas, ko semua kode di atas, di cari di html template ku gak ada ya? Hiks.. templatku eror tampilannya (turun) padahal di page element nya udah bener (sejajar). Boleh tau gak gimana cara benerinnya ya? Makasih banyak sebelumnya ya…
Aisyahs last blog post..Mimpi basah saat puasa, batalkah?