HTML5 adalah versi terbaru dari HTML (Hypertext Markup Language), bahasa markup standar untuk membangun halaman web. Jika Anda baru memulai perjalanan Anda dalam pengembangan web, artikel ini akan membantu Anda memahami dasar-dasar HTML5.
Apa itu HTML5?
HTML5 adalah evolusi dari HTML yang telah ada sejak awal World Wide Web. Ini menawarkan fitur-fitur baru yang memungkinkan pengembang untuk membuat website yang lebih interaktif dan kaya akan fitur tanpa bergantung pada plugin seperti Flash.
Struktur Dasar Dokumen HTML5
Setiap dokumen HTML5 dimulai dengan struktur dasar berikut:
Mari kita bahas setiap bagian:
1. `<!DOCTYPE html>`: Mendefinisikan bahwa dokumen ini adalah HTML5.
2. `<html>`: Elemen root dari halaman HTML.
3. `<head>`: Berisi metadata tentang dokumen.
4. `<meta charset="UTF-8">`: Menentukan pengodean karakter untuk dokumen.
5. `<meta name="viewport">`: Membantu dengan responsivitas pada perangkat mobile.
6. `<title>`: Menentukan judul halaman yang muncul di tab browser.
7. `<body>`: Berisi konten yang terlihat dari halaman web.
Elemen-elemen Dasar HTML5
Heading
HTML5 menyediakan enam tingkat heading, dari `<h1>` (paling penting) hingga `<h6>` (paling tidak penting).
Paragraf
Gunakan tag `<p>` untuk membuat paragraf teks.
Tautan
Gunakan tag `<a>` untuk membuat tautan ke halaman lain atau sumber daya.
Gambar
Sisipkan gambar menggunakan tag `<img>`.
Daftar
HTML5 mendukung daftar berurutan (`<ol>`) dan tidak berurutan (`<ul>`).
Elemen Semantik HTML5
HTML5 memperkenalkan beberapa elemen semantik baru yang membantu dalam menstruktur konten halaman dengan lebih baik:
- `<header>`: Untuk bagian atas halaman atau bagian.
- `<nav>`: Untuk menu navigasi.
- `<main>`: Untuk konten utama halaman.
- `<article>`: Untuk konten yang berdiri sendiri.
- `<section>`: Untuk mengelompokkan konten terkait.
- `<aside>`: Untuk konten sampingan.
- `<footer>`: Untuk bagian bawah halaman atau bagian.
