Friday, March 02, 2012

HTML5 tutorial : BAB 1




Apa itu  HTML5?
  HTML5 akan menjadi standar baru untuk HTML.
  Versi sebelumnya dari HTML, HTML 4.01, datang  pada tahun 1999. Web telah  banyak berubah sejak saat itu.
HTML5 masih dalam proses. Namun, browser utama mendukung banyak elemen HTML5 baru dan API.





Bagaimana  Memulai Apakah HTML5?
  HTML5 merupakan kerjasama antara World Wide Web  Consortium (W3C) dan Web Hypertext Aplikasi Teknologi Working Group (WHATWG).
  WHATWG bekerja dengan bentuk web dan aplikasi,  dan W3C bekerja dengan XHTML 2.0. Pada  tahun 2006, mereka memutuskan untuk bekerja sama dan membuat versi baru dari  HTML.
Beberapa aturan untuk HTML5 didirikan:


     
  • Fitur       baru harus didasarkan pada HTML, CSS, DOM, dan JavaScript
  •  
  • Mengurangi       kebutuhan untuk plugin eksternal (seperti Flash)
  •  
  • Lebih       baik penanganan kesalahan
  •  
  • Lebih       markup untuk menggantikan scripting
  •  
  • HTML5       harus perangkat independen
  •  
  • Proses       pembangunan harus terlihat untuk umum





HTML5  <DOCTYPE>
  Dalam HTML5 hanya ada satu <DOCTYPE>  deklarasi, dan sangat sederhana:



  <!DOCTYPE html>





Minimum  HTML5 Dokumen
  Di bawah ini adalah dokumen HTML5 sederhana,  dengan minimum tag yang diperlukan:



  <!DOCTYPE html>
<html>
<head>
<title>judul web</title>
</head>
 
<body>
  konten web.
</body>
 
</html>





HTML5 -  Fitur Baru
Beberapa fitur baru yang paling menarik di  HTML5:


     
  • Unsur       <canvas> untuk menggambar 2D
  •  
  • Unsur-unsur       <video> dan <audio> untuk media pemutaran
  •  
  • Dukungan       untuk penyimpanan lokal
  •  
  • Baru       konten spesifik elemen, seperti <article>, <footer>,       <header>, <nav>, <section>
  •  
  • Bentuk       kontrol baru, seperti kalender, tanggal, waktu, email, url, cari





Browser  Dukungan untuk HTML5
  HTML5 belum menjadi standar resmi, dan tidak ada  browser memiliki dukungan HTML5 penuh.
Tapi semua browser utama (Safari, Chrome,  Firefox, Opera, Internet Explorer) terus menambahkan fitur HTML5 baru untuk  versi terbaru mereka.


No comments:

Post a Comment

info link