Semantic HTML merujuk pada praktik penggunaan elemen HTML yang sesuai dengan arti atau maknanya dalam struktur dokumen web. Dengan menggunakan elemen HTML yang semantik, Anda memberikan informasi yang lebih kaya tentang struktur konten halaman web Anda kepada browser dan mesin pencari.
Berikut adalah beberapa contoh elemen HTML semantik dan bagaimana mereka digunakan:
1. <header>
:Menandai bagian atas (header) dari sebuah halaman atau bagian dari halaman. Biasanya berisi judul, logo, dan elemen navigasi utama.
2. <nav>
:Mendefinisikan bagian navigasi dari sebuah halaman web. Ini bisa berupa menu utama, menu samping, atau bagian navigasi lainnya.
3. <main>
: Menandai konten utama dari sebuah halaman web. Ini biasanya berisi konten yang unik untuk halaman tersebut.
4. <figure>:
Menandai konten yang memiliki hubungan semantik atau visual tertentu.
5. <p>:
Menandai paragraf teks.
6. <aside>
:Mendefinisikan konten yang berada di samping konten utama, dan biasanya berisi informasi tambahan seperti iklan, widget, atau link terkait.
7. <footer>
:Menandai bagian bawah (footer) dari sebuah halaman atau bagian dari halaman. Biasanya berisi informasi tambahan seperti informasi kontak, link ke halaman terkait, atau hak cipta.
Artikel Lainnya Dengan Kategori Terkait :
1. 5 HTML Tags For Accessibility
2. Belajar HTML #01 | Apa Itu HTML ? Pengertian HTML Lengkap Untuk Pemula
3. Belajar HTML #02 | Cara Sederhana Membuat Code HTML
4. Belajar HTML #03 | Membuat Heading di HTML
5. Belajar HTML #04 | Format Text di HTML
6. Belajar HTML #05 | Membuat Paragraf di HTML
7. Belajar HTML #06 | Membuat Tabel Pada HTML
8. Belajar HTML #07 | Membuat Link Pada HTML
9. Belajar HTML #08 | Cara Membuat List Di HTML
10. Belajar HTML #09 | Cara Membuat Box Shadow CSS dan HTML Praktis Tanpa ribet (efek bayangan CSS)
11. Belajar HTML #10 | Cara Menampilkan Gambar Pada Halaman Website Menggunakan HTML
12. Belajar HTML #11 | Cara Menampilkan Video Pada Halaman Website Menggunakan HTML
13. Belajar HTML #12 | Cara Membuat Form Pada HTML
14. Belajar HTML #13 | Belajar Membuat Layout Pada HTML
15. Belajar HTML #14 | Belajar Menghubungkan HTML dengan CSS
16. Belajar HTML #15 | Cara Menambahkan Audio ke Halaman Website Menggunakan HTML.
17. Belajar HTML #16 | Cara Menambahkan Garis Horizontal di HTML
18. Belajar HTML #17 | Cara Menambahkan Komentar di HTML
19. Belajar HTML #18 | Tutorial Cara Membuat Checkbox dan Radio Button di HTML
20. Buat Desain Web Responsif CSS
21. Cara Membuat Accordions Dengan HTML & CSS
22. Cara Membuat Favicon Dengan HTML
26. Input HTML Yang Perlu Diketahui
27. Memahami Pentingnya Semantic HTML dalam Struktur Website
28. Membuat Form HTML dengan Input Sugestion
29. Penggunaan Atribut Elemen Anchor dalam HTML
31. Tag HTML yang Jarang Diketahui
Ahmad Dika Zulfahmi - 18 Februari 2025
Jungler Tank Bisa Kembali? Update yang Bisa Membawa Jungler Tank ke Meta Lagi
Ahmad Dika Zulfahmi - 06 Februari 2025
Setting Sensitivitas Auto Headshot Free Fire Terbaik
Ahmad Dika Zulfahmi - 03 Februari 2025
Flash Sale Minaplay! Top Up Diamond Free Fire Murah & Cepat!