Podstawowe informacje o HTML5 – Robert Rybiański

Język HTML 4 został zarekomendowany przez organizację W3C w 1997 roku. Potem powstała specyfikacja XHTM 1, którą ogłoszono w 2000 roku. XHTML był formą przejściową między językami HTML i XML. Pozwalał korzystać z narzędzi i bibliotek języka XML. Następnie powstała wersja HTML 4.01, która miała być finalną i nierozwijaną. Jednak życie pokazało coś innego, bo powstała wersja HTML 5. Jej głównym celem było wprowadzenie nowych tagów, które pozwolą wyszukiwarkom lepiej interpretować zawartość stron internetowych.

Podstawowe tagi w języku HTML5:

header – oznacza nagłówek strony;
nav – oznacza nawigację strony (np. menu);
section – oznacza sekcję strony z główną zawartością;
article – oznacza powtarzalną główną zawartość strony;
aside – oznacza dodatkową sekcję (np. z boku strony);
footer – oznacza stopkę strony.

Szkielet kodu przykładowej strony w HTML5:

<!DOCTYPE html>
<html lang="pl-PL">
    <head>
        <title>Tytuł</title>
        <meta charset="utf-8">
        <link href="/default.css" rel="stylesheet">
    </head>
    <body>
        <header>
            <h1><a href="/">Nazwa Strony</a></h1>
        </header>
        <nav>
            <ul>
                <li><a href="/">Główna</a></li>
                <li><a href="/kontakt">Kontakt</a></li>
            </ul>
        </nav>
        <section>
            <h2>Tytuł tekstu</h2>
            <p>Treść tekstu</p>
        </section>
        <aside>
            <h3>Tytuł tekstu</h3>
            <p>Treść tekstu</p>
        </aside>
        <footer>
            <p>Stopka strony</p>
        </footer>
        <script src="/default.js"></script>
    </body>
</html>

Tagów w języku HTML5 jest więcej. Pozwalają wstawić na stronie np. materiały audio oraz wideo (tagi: audio, video), a także elementy graficzne (tagi: svg, canvas). Dokładną listę można poznać tutaj.