bimoweb

talk about web

Menyamakan Desain Web Antar Browser

Post date May 8th, 2008

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

Tagged as: , , ,
Filled in category Belajar web, Blogger, Blogging, CSS, Cerita-Cerita, Tutorial
Bookmark and Share

Ingin membaca artikel lewat email ? Masukkan email anda
  

RSS feed | Trackback URI

6 Comments »

Comment by ipung
2008-05-08 15:08:45

ditunggu lanjutannya :D

 
Comment by Bambosi
2008-05-08 22:36:11

mas ajarin optimasi TDO Form donk, gw gak pernah berhasil niy :(

Comment by Bimo Hery Prabowo
2008-05-09 17:05:07

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 :)

 
 
2008-05-11 16:52:00

[…] Menyamakan Desain Web Antar Browser […]

 
Comment by dani
2008-06-05 12:40:09

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..

 
Comment by Aisyah
2008-09-27 06:57:07

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?

 
Name (required)
E-mail (required - never shown publicly)
URI
Your Comment (smaller size | larger size)
You may use <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> in your comment.
Search Term
dasar css, code PHP menyamakan tanggal, menyamakan tampilan website, desain web, sintak web design HTML, validasi bukan bilangan pada php, textarea sejajar, perbandingan masing masing browser, elemen dalam internet eksplorer, sintak html, perbedaan internet explorer dan mozilla, perbedaan internet explor dengan mozila, perbedaan internet explore dan mozilla, kekurangan mozilla dan internet explorer, artikel desain web, internet dasar, pengertian mozilla firefox, perbedaan antara internet dan mozilla, perbedaan internet explor dan mozilla, perbedaan antara internet explorer dan mozilla, perbedaan mozilla dan internet explorer, perbedaan internet explorer dengan mozila, perbandingan browser, Perbedaan exploler dengan mozilla, perbandingan web browser, perbedaan internet explorer dan mozila, perbedaan internet explorer dengan mozilla, perbedaan mozilla dan exploler, perbedaan internetexplorer dengan mozilla, Perbandingan Browser, Perbandingan antara browser web, perbedaan internet dan modzilla, sintak HTML, kekurangan browser mozilla firefox, perbedaan mozilla dan internet exploler, perbedaan internet dgn mozilla, PERBEDAAN MOZILLA DAN INTERNET EXPLORE, artikel web browser, Elemen - elemen dasar internet explorer, pengertian Internet-Explorer, perbedaan antara internet explorer dengan mozilla, pengertian web browser, xhtml adalah, elemen elemen internet explorer, elemen elemen intenet explorer, perbedaan internet explorer, perbedaan mozilla dan explorer, desain, ARTIKEL WEB BROWSER, elemen dasar pada internet explorer, elemen dasar internet explore, elemen internet eksplorer, elemen dasar pada internet, Elemen dasar pada Internet Explore, Elemen dasar Internet Explorer, elemen dasar Internet Explorer, kekurangan mozilla, Pengertian Mozilla Firefox, elemen dasar internet explorer, dasar internet explore, ELEMEN DASAR PADA INTERNET EXPLORE, Elemen dasar internet explore, elemen internet explorer, elemen dasar pada internet explore, perbedaan web browser, dasar internet, Elemen Dasar Internet Explore, perbedaan berbagai web browser, elemen dasar Internet Explore, elemen dasar dalam Internet Explore, perbedaan mozilla dengan explorer, Elemen dasar internet, elemen dasar internet explor, artikel tentang sintak, Elemen dasar pada IE, Elemen Internet Explorer, Elemen dasar pada Internet Explorer, elemen dasar internet, elemen dasar internet exploler, elemen dasarinternet exploler, ELEMEN DASAR INTERNET EXPLORE adalah, elemen-elemen dasar Internet Explore, elemen internet explore, , elemen internet Explore, elemen dasar internet eksplorer, sintak web, pengertian mozilla fire fox, Perbedaan internet eksplorer dengan internet mozilla, apa perbedaan internet explorer dengan mozilla firefox, Pengertianmozilla firefox, Pengertian mozilla firefox, perbedaan mozilla dengan internet explorer, perbandingan dan perbedaan internet explorer dan mozilla firefox, elemen-elemen dasar internet explorer, Elemen dasar Internet Explore, Elemen Dasar Pada Internet Explorer, Elemen Dasar Internet Explorer, Elemen Internet Explore, elemen dasar di interne explorer, belajar explor, elemen-elemen software, cara desain web, contoh desain web, kekurangan mozilla firefox, free downoad desain web, perbedaan web website dan browser, perbedaan web dengan browser, free download internet explore, perbedaan mozila dan internet, perbedaan Internet explorer dan mozilla, perbedaan mozila dan internet explorer, elemen pada internet explore, Elemen-elemen Internet Explorer, contoh web browser, Perbandingan Web browser, sintak dasar dari penulisan inheritance, Cara copy sintak HTML, macam macam browser, elemen-elemen internet explorer, dokumen tentang elemen-elemen internet explorer, elemen dasar Internet explore, ID, perbedaan internet dan internet, Elemen dasar internet explorer, pengertian web, dasar internet explorer, elemen elemen pada internet explorer, elemen pada internet explorer, Standarisasi html, standarisasi html, PENGERTIAN MOZILLA FIREFOX, biar margin di IE sama, perbedaan internet explorer dan mozilla firefox, perbedaan mozilla dengan IE, perbandingan mozilla firefox internet explorer, perbedaan mozilla firefox dengan internet explorer, pengertian mozilla, perbedaan Mozilla Firefox dengan Internet Explorer, perbedaan antara mozilla firefox dengan internet explorer, mozilla perbedaan internet explorer, perbandingan internet explorer dan mozilla, Perbedaan Mozilla dengan IE, elemen-elemen dasar html, kekurangan internet explorer dan mozilla,