AMIROH, S.KomSMKN 3 JOMBANG

MENGENAL HTML5

Mengenal HTML5 Html 5 merupakan versi terbaru dari

HTML dan mulai dikenalkan pada tahun 2004

HTML 5 menjadikan tampilan Website lebih menarik dan interaktif dengan berbagai Fitur, seperti Kontrol bentuk, API, multimedia, struktur HTML, dan semantik

Kelebihan HTML5

Penulisan kode yang lebih efisien.

Konten yang ada di situs lebih mudah terindeks oleh search engine

Fitur Baru Dalam HTML5 Video dan elemen audio untuk media

pemutaran Dukungan yang lebih baik untuk

penyimpanan secara offline Elemen konten yang lebih spesifik, seperti

artikel, footer, header, nav, section Bentuk kontrol form seperti kalender,

tanggal, waktu, email, url, search Unsur kanvas untuk menggambar

Perbedaan HTML dengan HTML5

Gambar diatas menunjukkan bahwa Elemen-elemen div dapat digantikan dengan unsur-unsur baru: <header>, <footer>, < article>, dan <section>.

Contoh atribut control yang ada pada HTML5, seperti number, date, time, calendar, dan range.

Contoh tag untuk grafis, seperti <svg> dan <canvas>

Sedangkan tag untuk menyisipkan multimedia adalah <audio> and < video>

Tag yang dihapus di HTML5

HTML5 Browser Support HTML5 is supported in all modern

browsers.

Struktur HTML5

New Elements in HTML5

Element Baru HTML5<article> Defines an article in the document<aside> Defines content aside from the page content<dialog> Defines a dialog box or window

<figure>Defines self-contained content, like illustrations, diagrams, photos, code listings, etc.

<footer> Defines a footer for the document or a section<header> Defines a header for the document or a

section<menuitem> 

Defines a command/menu item that the user can invoke from a popup menu

<nav> Defines navigation links in the document<section> Defines a section in the document<summary> Defines a visible heading for a <details>

element<time> Defines a date/time<wbr> Defines a possible line-break

Contoh Penggunaan

Source code

Adding New Elements to HTML

Membuat Elemen/Tag Baru: Kita bisa membuat elemen/tag baru pada

HTML

Hasilnya..

Referensi http://

www.w3schools.com/html/html5_semantic_elements.asp

http://www.w3schools.com/html/html5_browsers.asp