Cara Mengorganisasikan Halaman Konten Website

Dhe997
Seperti yang sudah disebutkan pada modul sebelumnya, sebuah website memiliki hierarki konten yang sama seperti dokumen sehari-hari yang kita baca, majalah dan koran contohnya. Maka hierarki pada sebuah website merupakan hal yang penting, tentu elemen yang terdapat pada HTML perlu kita kelompokkan menjadi beberapa bagian.

201912061022577e9d480bb8d26dc2998ed1f41e93ef5a.png
Sebelum HTML5, kita mengelompokan suatu elemen HTML yang memiliki konten serupa dalam sebuah generic element <div> (kita akan membahas div secara dalam nanti). Kita mengelompokkan sebuah header website dengan menggunakan <div>, membuat sebuah navigation dengan menggunakan <div> juga, artikel atau section yang lainnya. Kita biasa gunakan atribut class atau id untuk mengindikasikan peran dari elemen tersebut. Hal ini membuat struktur pada website hilang (semantic meaningless).
20191206102441bb9f0f5d0fee3cce73895253f016ce1b.png
Pada HTML5 kita dikenalkan pada beberapa elemen yang dapat digunakan dalam mengelompokkan sebuah elemen dengan lebih jelas dan memiliki arti (semantic meaning). Elemen-elemen ini memiliki nama sesuai dengan fungsi atau peran dari elemen tersebut.
20191206102521bd0be43e0e63642d10922c8caf26d32d.png
Kedua contoh gambar di atas menunjukkan struktur halaman yang sama. Di mana, pada contoh yang pertama banyak elemen <div> yang dapat diubah dengan layout elemen HTML5.

Posting Komentar

Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.