Laman

Sabtu, 12 Oktober 2013

ELEMEN ELEMEN PADA HTML 5




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://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