#5minlearn: Tag Semantic pada HTML

Komunitas Android CCIT
Komunitas Android  CCIT-FTUI
2 min readMar 20, 2024

Hallo Komanders!!!

Selamat datang di sesi pembelajaran singkat Kami! Pada kesempatan kali ini, kita akan membahas tag semantic pada HTML. Tag-tag ini merupakan kunci untuk membuat struktur halaman web menjadi lebih jelas serta dapat dimengerti loh

Apasih Tag Semantic??

Tag semantic adalah sebuah elemen HTML yang memberikan makna pada konten di dalamnya. Mereka membantu mesin pencari dan browser memahami struktur dan konten halaman web.

Bayangkan jika halaman web Anda adalah buku, maka tag-tag semantic ini seperti judul, bab, dan sub-bab. Mereka memberi petunjuk kepada mesin pencari dan browser tentang bagaimana struktur halaman Anda. Penggunaan tag semantic juga meningkatkan aksesibilitas dan memudahkan pembaca dalam memahami hierarki informasi.

Header

Tag <header> digunakan untuk mendefinisikan bagian atas (atau kepala) dari sebuah dokumen HTML atau bagian dari sebuah halaman web.

Nav

Ini adalah tag <Nav> yang digunakan untuk menentukan bagian navigasi dalam halaman web.

Mengapa Tag Semantic HTML Penting?

  1. Kuantitas dan Kualitas yang Lebih Baik: Tag-tag semantic membantu mesin pencari memahami struktur konten, meningkatkan peringkat Search Engine Optimization (SEO) halaman web Anda.
  2. Aksesibilitas yang Lebih Baik: Penggunaan tag semantic membuat halaman web lebih mudah diakses oleh pembaca yang menggunakan teknologi bantu seperti pembaca layar.
  3. Mudah Dipahami: Struktur yang jelas dan terorganisir membuat konten lebih mudah dipahami oleh manusia.

Sekian pembelajaran singkat kali ini tentang tag semantic pada HTML! Terima kasih telah membaca. pelajari lebih lanjut di sini^^

--

--

Komunitas Android CCIT
Komunitas Android  CCIT-FTUI

Kelompok studi mahasiswa yang berasal dari CCIT — Fakultas Teknik Universitas Indonesia. Didirikan untuk mempelajari teknologi terbaru pada dunia IT.