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
Macam-Macam Perintah Git di Github
Ada berbagai macam perintah yang dapat kita gunakan dalam mengoperasikan git ke Github. Sebelum Anda…
SelengkapnyaCara Upload Project Codeigniter ke Server Shared Hosting
Dalam pembuatan suatu aplikasi web, seseorang biasanya dihadapkan dengan 2 pilihan yaitu kerjakan…
Selengkapnya10 Manfaat Elementor Pro
Elementor Pro adalah plugin WordPress yang sangat berguna bagi para pengguna yang ingin membuat website…
SelengkapnyaCara Membuat Daftar Isi yang Rapi dan Mudah di Libre…
Libre Office merupakan salah 1 alternatif pengganti aplikasi office dari Microsoft Office yang biasa…
Selengkapnya10 Alat Digital Marketing yang Harus Dimiliki
Digital marketing telah menjadi kebutuhan bagi bisnis untuk memperluas jangkauan pasar dan meningkatkan…
Selengkapnya7 Alat SEO Gratis Terbaik untuk Meningkatkan Peringkat…
Meningkatkan peringkat website Anda di mesin pencari seperti Google dapat menjadi pekerjaan yang sulit…
Selengkapnya