19. Co to jest element `<main>` w HTML i jak powinien być używany?

Co to jest element `<main>` w HTML?

Element <main> w HTML to semantyczny element, który jest używany do kapsułkowania dominującej treści <body> dokumentu. Powinien zawierać treści unikalne dla dokumentu, które są bezpośrednio związane z jego głównym tematem.

Zasady Użytkowania:

Unikalność: Element <main> powinien być używany tylko raz na dokument, ponieważ reprezentuje główną treść.
Treść: Nie powinien zawierać treści powtarzających się w różnych dokumentach, takich jak paski boczne, linki nawigacyjne czy stopki.

Przykład:

<!DOCTYPE html>
<html lang="pl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tytuł Dokumentu</title>
</head>
<body>
    <header>
        <h1>Nagłówek Strony</h1>
    </header>
    <nav>
        <ul>
            <li><a href="#">Strona Główna</a></li>
            <li><a href="#">O Nas</a></li>
        </ul>
    </nav>
    <main>
        <article>
            <h2>Tytuł Głównej Treści</h2>
            <p>To jest główna treść strony.</p>
        </article>
    </main>
    <footer>
        <p>Stopka Strony</p>
    </footer>
</body>
</html>

Korzyści z Używania `<main>`:

Dostępność: Czytniki ekranowe i inne technologie asystujące mogą łatwo nawigować do głównej treści strony.
SEO: Wyszukiwarki mogą lepiej zrozumieć strukturę strony, koncentrując się na jej rdzennej treści.

Wniosek

Element <main> jest kluczowy dla semantycznego HTML, wspierając zarówno dostępność stron internetowych, jak i zrozumienie przez wyszukiwarki. Pomaga w tworzeniu uporządkowanego i znaczącego układu dokumentu internetowego.

POPRZEDNIE PYTANIE

PYTANIE 19 Z 20

NASTĘPNE PYTANIE