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 menangani konten web yang kaya tanpa perlu adanya plugin ekstra.

HTML5 memiliki elemen semantik, grafis, dan multimedia baru.

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

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

Keterangan:Dalam bab berikutnya, Anda akan belajar bagaimana cara "membantu" peramban versi lama untuk mengelola 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 baku di HTML5 adalah UTF-8.

HTML5 - Sintak atribut baru

HTML5 standar memungkinkan 4 jenis sintak atribut yang berbeda.

Contoh ini menunjukkan penggunaan sintaks yang berbeda di 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 digunakan semua 4 jenis sintaks.

Fitur Baru HTML5

Beberapa fitur paling menarik HTML5:

  • Element semantik yang baru, seperti <header>, <footer>, <article>, dan <section>.
  • Kontrol formulir yang baru, seperti angka, tanggal, waktu, kalender, dan slider.
  • 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 sudah dihapus dari HTML5:

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