Bagi kamu yang baru memasuki dunia web development, HTML mungkin jadi gerbang pertama yang kamu temui. Tapi tahukah kamu? Ada rahasia-rahasia penting dalam HTML yang sering diabaikan pemula — padahal inilah fondasi agar website kamu jadi lebih rapi, cepat, dan profesional.
Berikut adalah 7 rahasia HTML yang wajib kamu ketahui agar tidak salah langkah saat membangun website pertamamu!
Baca juga: Bawa Nama Jakarta ke PBB, Pramono Soroti SDGs hingga Kesetaraan Gender
1. HTML Bukan Sekadar Tulis dan Tampil
Banyak pemula mengira HTML hanya untuk menampilkan teks di browser. Faktanya, HTML adalah tentang struktur dan makna. Tag seperti <header>, <article>, dan <footer> punya makna semantik yang penting bagi SEO dan aksesibilitas.
Gunakan tag semantik, bukan hanya <div> dan <span> untuk segalanya.
✅ Contoh: Gunakan
<nav>untuk menu navigasi, bukan<div class="menu">.
2. Struktur Dasar HTML Harus Rapi
Setiap halaman HTML wajib punya struktur dasar ini:
htmlCopyEdit<!DOCTYPE html>
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
<!-- Konten di sini -->
</body>
</html>
Tanpa struktur ini, browser bisa menampilkan konten dengan cara yang salah.
3. Jangan Lupakan Atribut Penting!
Beberapa atribut HTML memiliki fungsi penting tapi sering diabaikan:
altpada<img>untuk deskripsi gambar (penting untuk SEO dan pembaca layar)target="_blank"pada<a>agar tautan terbuka di tab barulang="id"pada<html>untuk memberi tahu browser bahwa halaman berbahasa Indonesia
4. Komentar Bukan Cuma Buat Pemrograman
HTML juga mendukung komentar! Ini sangat berguna untuk memberi catatan dalam kode:
htmlCopyEdit<!-- Ini bagian header -->
<header>...</header>
Jangan ragu menulis komentar untuk memudahkan revisi di masa depan.
5. Validasi HTML = Kode Lebih Profesional
Gunakan validator HTML gratis seperti validator.w3.org untuk memeriksa kesalahan pada kode kamu.
Ini akan membantu kamu:
- Menemukan tag yang salah tutup
- Memastikan struktur dokumen benar
- Meningkatkan performa SEO
6. Mobile First Dimulai dari HTML
Website yang bagus harus responsif. Mulailah dengan struktur HTML yang ringan dan fleksibel. Hindari penggunaan <table> untuk layout, dan jangan terlalu bergantung pada <br> untuk jarak.
Gunakan kombinasi HTML + CSS Grid atau Flexbox agar layout responsif.
7. Satu Halaman = Satu Topik
HTML modern mendorong kamu membuat satu halaman untuk satu konten. Gunakan <section> untuk memisahkan bagian dan <article> untuk konten utama. Ini membuat website kamu lebih mudah dibaca, baik oleh manusia maupun mesin pencari.
Penutup: Kuasai Dasarnya, Bangun Web Profesional
HTML adalah fondasi dari semua yang kamu lihat di internet. Kuasai rahasia-rahasia kecil ini, dan kamu sudah selangkah lebih maju dibanding banyak pemula lainnya.
Ingat, kode yang bersih, rapi, dan semantik adalah ciri developer handal — dan kamu bisa memulainya hari ini.
Penulis: Indra