Semantic Element Html5 (Element Gres Di Html 5)

Pengertian Semantic Element HTML5

Semantic element dalam bahasa Indonesia berarti “arti dari sebuah element”, yakni tag-tag yang menjelaskan secara spesifik fungsi dari tag tersebut, dengan memakai semantic element, developer lebih gampang mengetahui isi konten dari element yang dipakai, perbedaan semantic dan non-semantic element yakni sebagai berikut :

Nama dari element semantic mendeskripsikan fungsi atau konten yang ada di dalamnya, pola dari element semantic contohnya <label>, <form>, <audio>, <video>.
Contoh dari non-semantic element yakni <div> dan <span>, tanpa memakai atribut class atau id mungkin element tersebut sulit dari kita mengetahui apa konten yang ada di dalamnya.

Di HTML5 ini ada penambahan elemen semantic gres yang berfungsi untuk mendeskripsikan bagian-bagian dari halaman website, dengan mengunakan elemen semantic ini kau sanggup meninggalkan cara usang untuk mendeskripsikan part dari website yang kau buat memakai element <div>, kalau kau memakai element div untuk mendeskripsikan sebuah header, contohnya <div class=”header”>, sekarang kau sanggup memakai element semantic yang ada di HTML5 dengan tag <header>, dengan memakai element semantic lebih gampang kita untuk mengetahui isi dan fungsi dari elemen tersebut walaupun tanpa atau pakai atribut class=”header”.

Elemen Semantic Baru HTML5

Elemen semantic gres ini yang di tambahkan pada HTML5 yaitu

<article> digunakan untuk mendefinisikan artikel
<aside> digunakan untuk mendefinisikan konten yang ada di pinggir / sidebar
<details> digunakan untuk mendefinisikan detail yang sanggup dilihat oleh pengguna
<figure> mendefinisikan konten mandiri
<figcaption> mendefinisikan caption dari elemen <figure>
<footer> mendefinisikan sebuah footer
<header> mendefinisikan sebuah header
<main> mendefinisikan konten utama dari sebuah laman
<mark> mendefinisikan teks yang di tandai
<nav> mendefinisikan kumpulan link-link atau navigasi
<section> mendefinisikan bab dari dokumen
<summary> merupakan heading dari tag <details>
<time> mendefinisikan waktu dan tanggal