Element Main Pada HTML

Element main

Didalam HTML5 beberapa element dapat digunakan untuk menandai konten utama dalam sebuah web. element ini bertujuan sebagai penanda bagi browser dan pengembang bahwa bagian tersebut adalah konten utama yang relevan. element ini berisi konten yang berkaitan dengan topik utama halaman tersebut, biasanya bagian ini mencakup artikel blog atau konten relevan lainnya. element main ini tidak boleh ada lebih dari satu didalam sebuah halaman HTML dan harus digunakan untuk konten yang unik untuk halaman tersebut dan bukan untuk element yang berulang penggunaan nya seperti navigasi atau footer. contoh penempatan element main :


<!DOCTYPE html>

<html lang="id">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Contoh Elemen Main</title>

</head>

<body>

<header>

    <h1>Selamat Datang di Situs Kami</h1>

</header>

<nav>

    <ul>
        <li><a href="#">Beranda</a></li>
        <li><a href="#">Tentang</a></li>
        <li><a href="#">Kontak</a></li>

    </ul>

</nav>

<main>

    <article>

        <h2>Artikel Utama</h2>

        <p>Ini adalah artikel utama pada halaman ini. Di sini, Anda bisa membaca informasi yang relevan tentang topik yang dibahas.</p>

    </article>

</main>

<footer>

    <p>&copy; 2024 Perusahaan Kami</p>

</footer>

</body>

</html>

Ciri-ciri element <main>

- hanya boleh memiliki satu element <main>

- element ini tidak digunakan untuk bagian yang berulang seperti navigasi, header dan footer.

- Biasanya berisi artikel, daftar produk, konten blog, atau informasi utama yang berkaitan dengan topik halaman tersebut.

Struktur yang Lebih Jelas

Elemen <main> membantu memberikan struktur yang lebih jelas pada halaman web. Dengan menandai konten utama, pengguna dan mesin pencari dapat lebih mudah memahami mana bagian yang paling penting pada halaman tersebut.

Aksesibilitas

Penggunaan elemen <main> meningkatkan aksesibilitas bagi pengguna dengan kebutuhan khusus. Pembaca layar, misalnya, dapat dengan mudah menavigasi ke bagian utama konten tanpa harus melewati elemen-elemen pengulangan seperti menu navigasi atau sidebar. Ini membuat pengalaman pengguna menjadi lebih baik, terutama bagi mereka yang mengandalkan teknologi bantu.

SEO (Search Engine Optimization)

Mesin pencari seperti Google dapat mengindeks halaman dengan lebih efisien ketika struktur halaman dibagi dengan jelas antara bagian utama dan bagian lainnya. Elemen <main> dapat membantu meningkatkan relevansi halaman di mata mesin pencari, karena ini menandai konten yang lebih relevan dengan topik halaman.

Lihat juga : Element Heading HTML

Element Paragraf

Komentar Pada HTML

Element Main Pada HTML

Element main

0 Response to "Element Main Pada HTML"

Post a Comment