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 kasus ini berjalan.

Apa itu HTML5?

HTML5 adalah standar HTML yang paling baru.

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

HTML5 memiliki semantik baru, grafik, serta elemen multimedia.

Element baru dan API baru yang disediakan oleh HTML5 mempermudah pengembangan aplikasi web.

HTML5 dapat berjalan di platform yang berbeda, dirancang untuk berjalan di berbagai jenis perangkat keras (PC, tablet, ponsel, televisi, dll).

Keterangan:Di bab berikutnya, Anda akan belajar bagaimana cara "membantu" browser versi lama untuk menangani HTML5.

Apakah konten baru di HTML5?

Pengumuman jenis dokumen baru (DOCTYPE) HTML5 sangat sederhana:

<!DOCTYPE html>
Pengumuman karakter enkoding baru (charset) 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 enkoding baku HTML5 adalah UTF-8.

HTML5 - Sintaks Atribut Baru

HTML5 standar memungkinkan 4 jenis sintaks atribut yang berbeda.

Contoh ini menunjukkan penggunaan sintaks 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 atribut, mungkin akan digunakan semua 4 jenis sintaks.

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

Berikut adalah elemen HTML 4.01 yang telah dihapus dari HTML5:

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