HTML 5 merupakan revisi kelima dari HTML, yang telah ditetapkan pada tahun 2011 kemarin. Jika dilihat dari sejarahnya, HTML sendiri terbentuk pada tahun 1990. Sedangkan untuk revisi yang ke 4, yaitu HTML 4 dilakukan pada tahun 1997. Karena merupakan revisi dari HTML, maka secara mendasar, bentuk umum sintaksnya sama. Hanya saja di HTML 5 ini terdapat banyak sekali penambahan-penambahan tag atau elemen.
Berikut adalah perbedaan antara HTML 5 dengan HTML 4 maupun XHTML:
- Aturan baru saat melakukan parsing berorientasi pada towards dan kompatibilitas; tidak berbasis pada SGML.Kemampuan untuk mendukung format SGV dan MathML pada text/html
- Elemen baru: article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, mark, meter, nav, output, progress, rp, rt,ruby, section, source, summary, time, video, wbr
- Tipe baru pada kontrol form : dates and times, email, url, search, color
- Atribut baru: ping (pada elemen a and area), charset (pada meta), async (pada script)
- Atribut global (atribut berikut dapat diterapkan pada setiap elemen html) : id, tabindex, hidden, data-* (atribut data kustom)
- Selain dapat bernilai GET atau POST, elemen attribut <form> kini telah mendukung nilai PUT dan DELETE.
- Elemen yang telah deprecated secara bersamaan akan dihapus : acronym, applet, basefont, big, center, dir, font, frame, frameset, isindex, noframes, s, strike, tt, u
- Bentuk doctype HTML 5 lebih sederhana, yaitu <!DOCTYPE html> , bandingkan dengan XHTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
Berikut adalah Contoh penggunaan HTML 5:
<!DOCTYPE html><html><head><title>HTML5</title><header><h1 align="center">Header HTML 5</h1><hr size=1 color="black"/><p><time pubdate datetime="2011-03-15"></time></p></header><nav><a href="/home/">Home</a><a href="/profil/">Profil</a><a href="/contact/">Contact</a><a href="/About Us/">About Us</a></nav><hr size=1 color="black"/></head><body><article><h3>HTML 5</h3><p color="red">Ini adalah contoh penggunaan HTML 5</p><img src="C:\Users\Public\Pictures\Sample Pictures\HTML5_Logo.png" width=200 ><br><textarea rows="4" cols="50">ini adalah contoh textarea</textarea></article><hr size=1 color="black"/><footer>© <i>design by </i> <span style="color:green">Dimas Setiawan</span></footer></body></html>
 |
| (klik gambar untuk memperbesar) |
*)referensi
untuk belajar lebih lanjut tentang HTML 5, klik ini atau ini.
0 commen:
Post a Comment