Penggunaan internet telah banyak brubah sejak HTML 4.01 dan menjadi
standar pada tahun 1999. Hari ini beberapa elemen dalam HTML 4.01 sudah mulai
tidak digunakan. Beberapa elemen tersebut dihapus atau ditulis ulang dalam HTML
5. Untuk menangani penggunaan internet saat ini, HTML 5 juga mencakup unsur-unsur
baru untuk grafis menggambar, menambahkan konten media, struktur halaman yang
lebih baik, penanganan yang lebih baik
dan beberapa API untuk elemen drag n drop,mencari Geolocation termasuk
penyimpanan web application cache ,web workers, etc
Pendeklarasian
Pendeklarasian
HTML 5 cukup simple, pada awal baris program tuliskan kode :
<!DOCTYPE html>
ELEMEN-ELEMEN
Tag
|
Penjelasan
|
<canvas>
|
Untuk menggambar grafik
|
<audio>
|
Mendifinisikan suara
|
<video>
|
Mendefinisikan video
|
<source>
|
Mendefinisikan multiple media
untuk <video> dan <audio>
|
<embed>
|
Mendefinisikan container
untuk aplikasi eksternal atau interaktif
|
<tracks>
|
Mendefinisikan text tracks
untuk <video> dan <audio>
|
<header>
|
Mendefinisikan header dokumen
|
<footer>
|
Mendefinisikan footer sebagai
dokumen
|
Dan masih
banyak lagi elemen elemen yang baru pada HTML 5
Contoh Penggunaan tag <video>
<!DOCTYPE
html>
<html>
<body>
<video
width="320" height="240" controls>
<source src="movie.mp4"
type="video/mp4">
<source src="movie.ogg"
type="video/ogg">
</video>
</body>
</html>
Penggunaan tag <audio>
<!DOCTYPE
html>
<html>
<body>
<audio
controls>
<source src="horse.ogg"
type="audio/ogg">
<source src="horse.mp3"
type="audio/mpeg">
</audio>
</body>
</html>
Elemen elemen HTML 4.01 yang sudah tidak digunakan
lagi
- <acronym>
- <applet>
- <basefont>
- <big>
- <center>
- <dir>
- <font>
- <frame>
- <frameset>
- <noframes>
- <strike>
- <tt>
LINK :
Ref :
http://www.w3schools.com/html/html5_video.asp
http://en.wikipedia.org/wiki/HTML5#History
http://en.wikipedia.org/wiki/HTML5#History
http://www.navinot.com/2009/10/16/apa-saja-isi-html-5/
http://fdana7.blogspot.com/2012/11/penjelasan-mengenai-fakta-tentang-fitur.html
http://css-weaver.com/?s=fitur+pada+html5
http://www.tutorial-webdesign.com/mengenal-struktur-html5/
http://nemukabar.blogspot.com/2013/02/belajar-pemprograman-html5-dasar.html
www.tutorial-webdesign.com/tag/belajar-html5
Tidak ada komentar:
Posting Komentar