Tugas selanjutnya yaitu membahas mengenai fitur-fitur HTML 5
dan implementasinya. sebelumnya saya akan menjelaskan apa itu HTML 5.
1. Pengertian
HTML5 diluncurkan tahun 2009 yang merupakan gabungan antara
CSS, HTML itu sendiri dengan java script yang digunakan untuk pembuatan tampilan
web baru. HTML 5 itu merupakan hasil dari proyek W3C (World Wide Web
Consortium) dan WHATWG (Web Hypertext Application Technology Working Group).
Sekarang HTML 5 sudah didukung oleh sebagian besar browser.
HTML 5 digunakann untuk mengurangi kebutuhan eksternal plugin seperti flash dan
melakukan error handling yang lebih baik dalam mengelola dan menampilkan konten
web yang semakin kaya (Rich Internet Application).
2. Fitur-fitur HTML 5
· -
Unsur
kanvas untuk menggambar
· -
Video
dan elemen audio untuk media pemutaran.
·
- Dukungan
yang lebih baik untuk penyimpanan secara offline.
· - Elemen konten yang
lebih spesifik, seperti artikel, footer, header, navigation, section.
·
- kontrol
form seperti kalender, tanggal, waktu, e-mail, URL, search.
3. Kelebihan
HTML5
- Improved Accessibility, memudahkan struktur pembangunan sebuah web, sehingga developer dapat membangun mengenai halaman web yang elbih detail.
- Client-side Database, terdapat model database SQL yang baru dengan API yang dapat dibangun dalam konsep lokal, dalam hal ini di sisi client.
- Smarter Forms, form mampu mengenali secara lebih baik tentang input, validasi data dan interaksi dengan elemen lain (misal : format email, password dll)
- Sharper focus on Web Application Requiments, mempermudah pembuatan front end, aplikasi chat, tools drag and drop, video player, pengolah grafis,dll.
4.
Perbedaan
antara HTML 4 dan HTML 5 yaitu:
- - HTML 5 memiliki spesifikasi scripting baru yang
membedakannya dengan HTML 4, yaitu adanya fitur seperti canvas scripting untuk
menggambar, local storage dan scripting yang lebih spesifik terhadap konten
seperti footer, header, nav dan action.
- Penulisan scripting dalam HTML 5 lebih sederhana dibandingkan HTML 4. Berikut
ini perbandingannya
HTML 4
<!DOCTYPE HTML PUBLIC "-//W3C/DTD HTML 4.01
Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
HTML 5
<!DOCTYPE
HTML>
HTML 4
<meta
http-equip="Content-Type"
content="text/html;charset=utf-8">
HTML 5
<meta charset="utf-8">-Layouting di HTML 5 lebih mudah dibandingkan di HTML 4, karena di HTML 5 terdapat tag baru seperti article, header, dll. Sedangkan di HTML 4 hanya terdapat div yg digunakan untuk membagi-bagi halaman- HTML 5 merupakan suatu tag HTML biasa yang mempunyai kemampuan lebih. Sedangkan HTML 4 hanya bisa digunakan untuk hal statis. - Dalam membuat animasi di HTML 4 harus menggunakan javascript, sedangkan di HTML 5 hanya menggunakan tag HTML 5 saja tanpa harus menggunakan javascript.
- kemudahan mengintegrasikan Video, Audio dan
aplikasi lain menggunakan HTML 5 dibandingkan HTML 4.
- Sintak pada HTML 5 yaitu html dan
XML sedangkan sintak pada HTML 4 yaitu SGML dan XML-HTML 5 membuat situs lebih mudah
diakses dengan menggunakan tag HTML5 dibandingkan dengan HTML 4 sumber: sumber 1
sumber 2
sumber 3
sumber 4
0 komentar:
Posting Komentar