Ringkasan HTML5

Contoh HTML5 di setiap bab

Contoh

<!DOCTYPE html>
<html>
<body>
<video width="420" controls>
  <source src="mov_bbb.mp4" type="video/mp4">
  <source src="mov_bbb.ogg" type="video/ogg">
 Peramban Anda tidak mendukung tag video.
</video>
</body>
</html>

Coba Sendiri

Klik "Coba Sendiri" untuk melihat bagaimana contoh ini berjalan.

Apa itu HTML5?

HTML5 adalah standar HTML yang paling baru.

HTML5 dirancang khusus untuk menampung konten web kaya tanpa butuh plugin ekstra.

HTML5 memiliki semantik, grafik, dan elemen multimedia baru.

Elemen dan API baru yang disediakan oleh HTML5 mempermudah konstruksi aplikasi web.

HTML5 adalah platform yang beragam, dirancang untuk berjalan di berbagai jenis perangkat keras (PC, tablet, ponsel, TV, dll).

Keterangan:Dalam bab berikutnya, Anda akan belajar cara "membantu" peramban versi lama untuk menangani HTML5.

Apa konten baru di HTML5?

Pengumuman tipe dokumen (DOCTYPE) baru di HTML5 sangat sederhana:

<!DOCTYPE html>
Pengumuman karakter encoding (charset) baru sangat sederhana:
<meta charset="UTF-8">

Contoh HTML5:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Judul dokumen</title>
</head>
<body>
Konten dokumen...
</body>
</html>

Keterangan:Karakter encoding standar di HTML5 adalah UTF-8.

HTML5 - Sintak Atribut Baru

HTML5 standar memungkinkan 4 jenis sintak atribut yang berbeda.

Contoh ini menunjukkan penggunaan sintaksa yang berbeda dalam tag <input>:

Tipe Contoh
Kosong <input type="text" value="Bill Gates" disabled>
Unquoted <input type="text" value=Bill Gates>
Double-quoted <input type="text" value="Bill Gates">
Single-quoted <input type="text" value='Bill Gates'>

Dalam standar HTML5, berdasarkan kebutuhan properti, mungkin akan digunakan 4 jenis sintaksa.

Fitur Baru HTML5

Beberapa fitur yang paling menarik HTML5:

  • Elemen semantik yang baru, seperti <header>, <footer>, <article>, dan <section>.
  • Kontrol formulir yang baru, seperti angka, tanggal, waktu, kalender, dan penyerupan.
  • Dukungan gambar yang kuat (melalui <canvas> dan <svg>)
  • Dukungan multimedia yang kuat (melalui <video> dan <audio>)
  • API yang kuat, seperti penggantian cookie dengan penyimpanan lokal.

Elemen Dihapus HTML5

Elemen HTML 4.01 berikutnya telah dihapus dari HTML5:

  • <acronym>
  • <applet>
  • <basefont>
  • <big>
  • <center>
  • <dir>
  • <font>
  • <frame>
  • <frameset>
  • <noframes>
  • <strike>
  • <tt>