Kamis, 03 Oktober 2013

Bedanya HTML, xHTML dan HTML5

Sedang dalam mood rajin kuliah. Jadi meskipun tugas bertambah setiap minggunya tapi (alhamdulillah) ga pernah sampe numpuk karena setiap dapet tugas langsung di kerjakan. Dan kali ini pingin share dikit walaupun mungkin banyak yang sudah tau.
Perbedaan html, xhtml dan html5. Kalau menurut gue cuman beda di tagline aja. Untuk lebih detailnya gue ga bisa ngomong lagi (kalau kemarin kemarin). Dan dosen pemrograman web gue ngasih tugas ini. Walhasil dengan disengaja gue gugling gugling. Dan tadaaaa... gue nemu apa bedanya.

HTML (HyperText Markup Language)
Mungkin banyak yang sudah fasih dengan yang satu ini. Jadi sambil merem melek juga bisa bikin HTML biasa :) HTML adalah sebuah bahasa yang digunakan untuk membuat halaman web. Jadi kode kode yang ada dibuat dalam sebuah editor kemudian disimpan dalam format ASCII dan menghasilkan tampilan web sederhana yang bisa ditampilkan di browser. Didalam penulisan HTML masih belum ada standarisasi code. Selain itu HTML juga tidak case sensitive. Jadi kalau tulisan GEDE kecil juga no problemo buat html ini.
Versi HTML4 4.0.1 yang sekarang ini memiliki 3 DTD(Document Type Definition). Maksud dari DTD adalah memiliki sebuah file yang mendefinisikan semua tag yang valid dan tidak pada HTML.
Pertama HTML 4.0.1 Strict DTD, yaitu mengandung semua elemen dan atribut HTML, akan tetapi tidak mengandung elemen elemen seperti font dll.


Yang kedua adalah HTML 4.0.1 Transitional DTD, yaitu semua tag (kecuali tag untuk frames) dalam spesifikasi HTML 4 yang termasuk dalam tag-tag yang menurut spesifikasi "sebaiknya tidak dipakai lagi" tetap bisa dipakai dengan DTD kedua ini. Dalam spesifikasi ini elemen seperti font dapat digunakan dan mengandung element dan atribut HTML yang tidak diperbolehkan. :)

"http://www.w3.org/TR/html4/loose.dtd">
Yang ketiga adalah HTML 4.0.1 Frameset DTD, DTD ini sama dengan transitional DTD ditambah tag tag untuk frameset. Selain itu DTD ini adalah DTD yang paliiing umum digunakan.

"http://www.w3.org/TR/html4/ frameset.dtd">
 xHTML (Extensible HyperText Markup Language)
Merupakan gabungan antara xml dan HTML. Bisa dibilang juga bahasa HTML sebagai aplikasi xml. xHTML mengikuti aturan aturan yang ada di xml, dan dokumen xhtml sepenuhnya didukung semua program yang bisa membaca, menulis, atau mengedit dokumen XML yang sah.
Perbedaan utama antara xHTML dan HTML adalah bahwa standart penulisan di xHTML lebih ketat.

  • setiap tag pembuka harus ada tag penutup
  • setiap atribut juga harus memiliki value alias tidak boleh kosong
  • elemen dan atribut harus ditulis menggunakan huruf kecil dan xhtml adalah case sensitive
HTML5
Sebenarnya tidak beda jauh dengan versi HTML sebelumnya. Hanya logonya saja yang baru, kalau dilihat sekilas. Jika HTML adalah dasarnya, kemudian xHTML adalah kolaborasi antara xml dan HTML. Maka HTML 5 adalah sebuah jembatan yang menjadi perantara antara HTML dan xHTML yang selama ini berjalan terpisah ketika diimplementasikan secara berbeda beda oleh perangkat lunak pembuat web. Fitur yang ada pada HTML5 sekarang ini berdasarkan pada HTML, CSS, DOM dan Javascript. Selain itu HTML5 juga mengurangi kebutuhan untuk eksternal plugin seperti Flash / Applet, Dengan error handling yang lebih baik, dan proses development yang tidak terlalu private.
Fitur fitur yang ada di HTML5 antara lain :
  • semantic element : header, footer, section, articles dll
  • canvas untuk menggambar (rectangle, arcs, line, image dan mouse event)
  • ketersediaan cookies
  • audio & video element (termasuk drawing video di canvas)

Tidak ada komentar:

Posting Komentar