Elemen Baru HTML5


Di HTML5 terdapat beragam elemen baru diantaranya untuk menggambar grafik, menambahkan konten media, membuat struktur halaman lebih baik, Geolocation, web storage, cache application, API untuk drag/drop elemen dan lainnya.

Berikut beragam elemen baru yang ada di HTML5.

Elemen Baru <canvas>

Tag Keterangan
<canvas> Digunakan untuk menggambar grafik dengan perintah Javascript

Elemen Media Baru

Tag Keterangan
<audio> Mendefinisikan konten suara/audio
<video> Mendefinisikan sebuah video atau movie
<source> Mendefinisikan beberapa media untuk <video> dan <audio>
<embed> Mendefinisikan sebuah penampung untuk aplikasi eksternal atau konten interaktif (plug-in)
<track> Mendefinisikan track teks untuk <video> dan <audio>

Elemen Form Baru

Tag Keterangan
<datalist> Menentukan daftar pilihan standar untuk kontrol input
<keygen> Menentukan daftar pilihan (list) standar untuk kontrol input
<output> Mendefinisikan hasil dari sebuah perhitungan

Elemen Struktul/Semantic Baru

HTML5 memiliki elemen baru untuk membuat struktur website yang lebih baik yaitu :

Tag Keterangan
<article> Mendefinisikan sebuah artikel
<aside> Mendefinisikan konten selain dari konten halaman
<bdi> Memisahkan teks yang dapat diformat ke arah yang berbeda dari teks lainnya
<command> Mendefinisikan sebuah tombol perintah
<command> Mendefinisikan sebuah tombol perintah
<details> Mendefinisikan detail (rincian) tambahan yang dapat dilihat atau disembunyikan oleh user
<dialog> Mendefinisikan sebuah kotak dialog atau jendela
<summary> Mendefinisikan sebuah judul untuk elemen <details>
<figure> Menentukan konten spesifik seperti ilustrasi, diagram, foto, daftar kode dan lainnya
<figcaption> Mendefinisilan caption (judul) untuk elemen <figure>
<footer> Mendefinisilan footer untuk dokumen atau bagian tertentu
<header> Mendefinisilan header untuk dokumen atau bagian tertentu
<mark> Mendefinisilan marked/teks highlight
<meter> Mendefinisilan pengukuran skalar
<nav> Mendefinisilan navigasi link
<progress> Menampilkan progress
<ruby> Mendefinisikan anotasi/penjelasan ruby (untuk tipografi Asia Timur)
<rt> Mendefinisikan sebuah penjelasan/pengucapan dari sebuah karakter (untuk tipografi Asia Timur)
<rp> Mendefinisikan apa yang harus ditampilkan di web browser yang tidak didukung oleh anotasi ruby
<section> Mendefinisikan section (bagian) di dokumen
<time> Mendefinisikan tanggal/waktu
<wbr> Mendefinisikan line-break/td>

Elemen Yang Dihapus

Berikut beberapa elemen HTML 4.01 yang sudah dihapus di HTML5 yaitu :

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