Elemen semantik mulai ada pada HTML 5, elemen semantik di adakan karena sebelum ada elemen semantik banyak yang menggunakan tag html dengan kegunaan yang salah. Sebenarnya membuat footer bisa juga menggunakan “<div>” tapi ini kurang tepat, pada elemen semantik sudah ada tag yang spesifik yaitu “<footer>”, Jadi kode HTML kita mudah dibaca.
Keuntungan menggunakan elemen semantik dokumen HTML, akan mudah dibaca, Oleh manusia maupun mesin. Elemen semantik juga bagus buat SEO(Search Engine Optimization).
Berikut ini daftar elemen-elemen semantik:
<article> untuk membuat elemen artikel;
<aside> untuk membuat elemen bagian samping;
<details> untuk membuat elemen detail atau spoiler;
<figcaption> untuk membuat teks caption pada figure;
<figure> untuk membuat figur atau gambar pada artikel;
<footer> untuk membuat elemen bagian kaki dari web;
<header> untuk membuat kepala kop dari web;
<main> untuk membuat elemen utama;
<mark> untuk menandai teks;
<nav> untuk membuat navigasi;
<section> untuk membuat bagian artikel;
<summary> untuk membuat ringkasan artikel atau isi spoiler;
<time> untuk membuat elemen yang menyatakan waktu;
dan masih banyak lagi.
Jadi gunakanlah elemen semantik supaya kode HTML kita mudah dibaca…