Logo Komodo Koding /Koding

Semantik pada HTML

semantik elemen pada HTML adalah elemen-elemen yang punya makna pada penandanya dan biasanya memliki tampilan otomatis

Semantik elemen adalah elemen HTML yang punya makna khusus dan tujuan tersendiri berdasarakan tag (penanda)nya.

Contoh elemen semantik

Sudah banyak contoh element semantik yang sebelumnya kita pelajari. Di antaranya:

  • h1
  • p
  • li
  • table
  • form
  • dll.

Kenapa disebut semantik?

Karena baik dibaca manusia ataupun oleh mesin, setiap tag ini punya arti khusus. Sebagai contoh tag <p> yang berasal dari paragraf, memang punya tujuan untuk membuat paragraf. Berbeda dengan elemen non semantik

Apa manfaat menggunakan elemen semantik?

  • Mudah dibaca oleh manusia
  • Mudah dibaca oleh mesin/komputer
  • Memudahkan SEO (mesin pencari) untuk mengerti konten dari suatu situs
  • Memudahkan screen-reader untuk membaca struktur halaman
  • Sudah punya hiasan otomatis dari browser
  • Dibanding hanya menggunakan div atau span, akan pusing untuk mengerti strukturnya.