Kita semua sering menggunakan tag <div> ketika membuat kerangka HTML . Div sudah ada selama beberapa dekade dan selama beberapa dekade div telah menjadi elemen penentu ketika Anda perlu membungkus beberapa elemen lainnya dalam blok untuk style atau keperluan struktural. Masih sangat umum untuk melihat-lihat banyak situs web dan melihat hal-hal seperti ini:
<div class="container" id="header">
<div class="header header-main">Super duper best blog ever</div>
<div class="site-navigation">
<a href="/">Home</a>
<a href="/about">About</a>
<a href="/archive">Archive</a>
</div>
</div>
<div class="container" id="main">
<div class="article-header-level-1">
Why you should buy more cheeses than you currently do
</div>
<div class="article-content">
<div class="article-section">
<div class="article-header-level-2">
Part 1: Variety is spicy
</div>
<!-- cheesy content -->
</div>
<div class="article-section">
<div class="article-header-level-2">
Part 2: Cows are great
</div>
<!-- more cheesy content -->
</div>
</div>
</div>
<div class="container" id="footer">
Contact us!
<div class="contact-info">
<p class="email">
<a href="mailto:us@example.com">us@example.com</a>
</p>
<div class="street-address">
<p>123 Main St., Suite 404</p>
<p>Yourtown, AK, 12345</p>
<p>United States of America</p>
</div>
</div>
</div>
Hoo, banyak sekali <div>, Ini memiliki struktur yang dibutuhkan, dan kita yakin itu akan terlihat seperti yang Kita inginkan.
Salah satu kemajuan utama dalam HTML5 adalah memperkenalkan seperangkat elemen semantik standar . Istilah "semantik" mengacu pada makna dari sebuah kata atau suatu hal, sehingga "unsur-unsur semantik" adalah elemen yang dirancang untuk mark up struktur dokumen secara lebih bermakna. Dan yang penting, karena terstandarisasi, elemen-elemen ini mendefinisikan dokumen dengan cara yang dapat digunakan dan dipahami semua orang, termasuk robot sekalipun.Spesifikasi HTML5 sendiri meringkas masalah dengan baik dalam catatan di bawah definisi <div>elemen, yang dibakukan pola menjadi empat elemen baru dalam HTML5 dengan nama yang sangat jelas: <header>, <main>, <footer>, dan <section>.
Lev Yasin
Instruktur Web Programming Mataweb
Sangat tertarik dengan dunia Pemrograman Web & Mobile, saat ini fokus pada bagian Backend Web Developer, menggunakan PHP sebagai bahasa pemrograman utama, biasanya saya menggunakan Laravel.