Kayaknya belajar javascript berbanding lurus dengan belajar front-end, jadinya mau gak mau ketemu sama HTML. Dan tiba-tiba gue nemu yang namanya semantic HTML. Ternyata HTML tidak secupu itu, kawan! Ada ribetnya juga ya euy.

Apa?

Gue pernah belajar semantik waktu gue kuliah sastra. Hubungannya sama programming apa? Ga ada.

Semantik adalah sesuatu yang berhubungan dengan arti.
HTML (HyperText Markup Language) adalah bahasa untuk bikin pondasi halaman website lo.

Jadi, Semantik HTML adalah bahasa untuk bikin pondasi halaman website lo yang punya arti.
Gimana? gimana? Iya, jadi lo pake tuh tag-tag yang punya akti harfiah dari apa yang pengen lu tampilin di browser.

Untuk Apa?

Biar keren aja. Gak deng. Untuk memudahkan browser ngebaca halaman website lo. Juga biar search engine paham query yang lu masukin di pencarian match dengan lebih tepat sama isi website lo.

Kenapa?

Kenapa harus pake ya? Biar kekinian. Gak deng. Ya itu, biar gampang dicerna browser dan search engine tadi, juga lebih enak dibacanya sama manusia.

Jadi ..

HTML Semantik adalah halaman html yang lo buat pake tag-tag html semantik.

Contohnya dong ah..

Misal, <main> untuk isi utama website lo. <header>, untuk header laaaah. footer ya untuk footer. <article> ya untuk isi artikel. Gitu men, jadi gak cuman pake <div> doang.

Apa aja tag-tag lainnya?

Banyak anying.

FURTHER READING