Macam-Macam Semantic Tags pada HTML 5

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


IDCloudHost | SSD Cloud Hosting Indonesia

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