Macam-Macam Semantic Tags pada HTML 5
Semantic tags mendefinisikan dengan jelas fungsi / makna penggunaan suatu tags, semantic tags dapat memudahkan developer dan browser memahami konten. Misalnya <article> untuk memberi tahu bahwa bagian ini merupakan artikel, <nav> merupakan menu navigasi, dan lain-lain.
Berikut ini adalah element semantic tags yang ada pada HTML 5:
Nama Elemen |
Keterangan |
---|---|
<article> |
Mendefinisikan artikel |
<aside> |
Mendefinisikan konten selain konten utama |
<details> |
Menentukan detail tambahan yang dapat dilihat atau disembunyikan oleh pengguna |
<figcaption> |
Menentukan keterangan untuk elemen |
<figure> |
Menentukan konten yang berdiri sendiri, seperti ilustrasi, diagram, foto dll. |
<footer> |
Mendefiniskan footer suatu halaman / dokumen |
<header> |
Mendefiniskan header suatu halaman / dokumen |
<main> |
Menentukan isi utama suatu halaman / dokumen |
<mark> |
Menentukan teks yang ditandai / disorot |
<nav> |
Menentukan tautan/link navigasi |
<section> |
Mendefinisikan bagian dalam dokumen |
<summary> |
Menentukan heading yang terlihat untuk elemen <details> |
<time> |
Menentukan tanggal / waktu |
Semoga bermanfaat
Bagikan ke Yang Lain
Diskusi
Belum ada pertanyaan pada artikel ini
Tulis Pertanyaan
Ada pertanyaan? Silahkan tulis pada form dibawah ini
Silahkan login dahulu untuk dapat berkomentar, klik disini.Artikel yang Lain
Cek Ketersediaan Data Tanpa Submit Form dengan Codeigniter,…
Salah satu kegunaan adanya ajax yaitu dapat memudahkan kita sebagai developer untuk melakukan proses…
SelengkapnyaCara Download dan Install Postman di Windows 10 dan…
Postman adalah platform kolaborasi untuk pengembangan API. Fitur Postman menyederhanakan setiap langkah…
SelengkapnyaMengatasi Error Number 1055 Expression Select List…
Bagi teman-teman yang pernah menemui problem seperti pada gambar yang ada dibawah ini, maka dapat…
SelengkapnyaCara Mengganti Default Format Save File di Libre Office…
Pada artikel sebelumnya, saya sudah membagikan cara install aplikasi libre office di Linux. Nah kali…
SelengkapnyaCara Install Browser Brave di OS Linux Berbasis Debian
Brave merupakan salah satu browser yang muncul di tahun 2015 oleh CEO Brendan Eich (creator JavaScript…
SelengkapnyaMembuat Auto Complete dengan Codeigniter 3, jQuery…
Auto complete atau penyelesaian otomatis adalah fitur populer dalam pengembangan web modern yang memungkinkan…
Selengkapnya