Pengenalan HTML5 - Purwana Tekno, Software Engineer
    Media Belajar membuat Software Aplikasi, Website, Game, & Multimedia untuk Pemula...

Post Top Ad

Senin, 02 Januari 2017

Pengenalan HTML5

Apa yang Baru dari HTML5?

Deklarasi DOCTYPE untuk HTML5 sangat sederhana:

<!DOCTYPE html>
Deklarasi Karakter Encoding (charset) juga sangat simpel:

<meta charset="UTF-8">

Contoh HTML5:


<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Judul Dokumen</title>
</head>

<body>
Konten document......
</body>

</html>
Karakter Encoding Default di HTML5 adalah UTF-8.

Elemen Baru HTML5

Yang paling menarik dari Elemen Baru HTML5:
elemen semantik baru seperti <header>, <footer>, <article>, dan <section>.
attribut form elements baru seperti number, date, time, calendar, dan range.
Elemen grafik Baru: <svg> and <canvas>.
Elemen multimedia baru: <audio> dan <video>.

Lihat juga hasil uji HTML5 header / footer disini https://www.purwana.net/2017/12/tes-mobile-header-footer-elemen-baru.html .

Pada bahasan selanjutnya : Dukungan HTML5, kita akan belajar bagaimana "menggurui" browser lawas untuk menghandle elemen HTML (baru) yang "tidak diketahui".

API (Application Programming Interfaces) Baru HTML5

API baru yang paling menarik di HTML5:
  • Geolocation
  • Drag and Drop
  • Local Storage
  • Application Cache
  • Web Workers
  • SSE (Server-Sent Events)
Tips: Local storage HTML sangat powerful untuk menggantikan cookies.

Element yang Dihilangkan di HTML5

Elemen HTML4 berikut telah dihilangkan di HTML5:
Elemen Dihapus Sebagai Gantinya Gunakan
<acronym> <abbr>
<applet> <object>
<basefont> CSS
<big> CSS
<center> CSS
<dir> <ul>
<font> CSS
<frame>
<frameset>
<noframes>
<strike> CSS, <s>, atau <del>
<tt> CSS
Pada pembahasan Migrasi HTML5, kita akan belajar bagaimana migrasi dari HTML4 ke HTML5 dengan mudah.

Sejarah HTML

Sejak awal World Wide Web, sudah banyak versi HTML dari waktu ke waktu:
Tahun Versi
1989 Tim Berners-Lee menjadi penemu www
1991 Tim Berners-Lee memperkenalkan HTML
1993 Dave Raggett membuat draft HTML+
1995 HTML Working Group mendefinisikan HTML 2.0
1997 W3C Merekomendasikan: HTML 3.2
1999 W3C Merekomendasikan: HTML 4.01
2000 W3C Merekomendasikan: XHTML 1.0
2008 WHATWG HTML5 : Draft Publik Pertama
2012 WHATWG : HTML5 Living Standard
2014 W3C Merekomendasikan: HTML5
2016 Rekomendasi Kandidat W3C: HTML 5.1
Dari tahun 1991 sampai 1999, HTML dikembangkan dari versi 1 sampai versi 4.  
Pada tahun 2000, World Wide Web Consortium (W3C) merekomendasikan XHTML 1.0. Sintaks XHTML ketat, dan para pengembang dipaksa untuk menulis yang valid dan kode "well-formed" Pada tahun 2004, W3C memutuskan untuk menutup pengembangan HTML, mendukung XHTML.
Pada tahun 2004, WHATWG (Web Hypertext Application Technology Working Group) dibentuk. WHATWG ingin mengembangkan HTML, konsisten dengan bagaimana web digunakan, sementara kompatibel dengan versi HTML yang lebih lawas.
Pada tahun 2004 - 2006, WHATWG mendapat dukungan dari mayor vendor browser Pada tahun 2006, W3C mengumumkan bahwa mereka akan mendukung WHATWG Pada tahun 2008, draft publik HTML5 pertama dirilis Pada tahun 2012, WHATWG dan W3C memutuskan untuk berpisah:
WHATWG ingin mengembangkan HTML sebagai "Standar Hidup" </ strong>. Standar hidup selalu diperbarui dan ditingkatkan. Fitur baru bisa ditambahkan, tapi fungsionalitas lama tidak bisa dilepas.
Standar Hidup HTML5 WHATWG diterbitkan pada tahun 2012, dan terus berlanjut diperbarui W3C ingin mengembangkan standar HTML5 dan XHTML definitif. </ strong>
Rekomendasi HTML3 W3C dirilis 28 Oktober 2014.
W3C juga menerbitkan HTML 5.1 Rekomendasi Kandidat pada tanggal 21 Juni 2016.

Post Top Ad