3. Co to są semantyczne elementy HTML i dlaczego są ważne?

Semantyczne elementy HTML to elementy, które jasno opisują swoją zawartość zarówno dla przeglądarek, jak i dla deweloperów. Przykłady semantycznych elementów HTML to <header>, <footer>, <article>, <section>, i <nav>. Semantyczne elementy są ważne, ponieważ poprawiają dostępność stron, ułatwiają optymalizację pod kątem wyszukiwarek (SEO) i sprawiają, że kod jest bardziej czytelny i łatwiejszy do zarządzania.

Przykład użycia semantycznych elementów:

<article>
    <header>
        <h1>Tytuł artykułu</h1>
        <p>Opublikowano: 30 maja 2024</p>
    </header>
    <section>
        <p>To jest treść artykułu. Semantyczne elementy HTML pomagają w lepszej organizacji treści.</p>
    </section>
    <footer>
        <p>Autor: Jan Kowalski</p>
    </footer>
</article>