Div, Span, Atribut & Tag Semantik

Div, Span & Atribut

<div> = wadah blok (1 baris penuh), <span> = wadah sebaris. Atribut class dan id dipakai untuk menandai elemen agar bisa diberi CSS atau diakses JavaScript.

<div class="kotak" id="header">
  Halo <span class="nama">Budi</span>
</div>

• class — boleh dipakai banyak elemen (untuk grup).
• id — harus unik, satu per halaman.

Tag Semantik

Tag semantik memberi makna pada struktur (lebih baik untuk SEO & aksesibilitas) dibanding memakai <div> untuk semuanya.

<header>Bagian atas / logo</header>
<nav>Menu navigasi</nav>
<main>
  <section>Bagian konten</section>
  <article>Satu artikel</article>
</main>
<footer>Bagian bawah / copyright</footer>