HTML5

Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

Co to jest HTML5?

HTML5 to standard języka HTML używanego do tworzenia struktury stron internetowych. Wprowadził wiele nowych elementów i mechanizmów, które ułatwiają budowanie nowoczesnych, semantycznych i multimedialnych stron WWW.

W pytaniach egzaminacyjnych HTML5 często pojawia się w kontekście nowych znaczników takich jak:

  • <header> - nagłówek strony lub sekcji,
  • <footer> - stopka strony lub sekcji,
  • <nav> - sekcja nawigacyjna,
  • <article> - samodzielna treść, np. artykuł,
  • <section> - logiczna sekcja dokumentu,
  • <aside> - treść poboczna, np. panel boczny.

Dlaczego HTML5 jest ważny?

HTML5 rozwinął HTML o znaczniki semantyczne, czyli takie, które opisują znaczenie treści, a nie tylko jej wygląd. Dzięki temu kod strony jest czytelniejszy dla programistów, wyszukiwarek i technologii wspomagających, np. czytników ekranowych.

Przykład struktury HTML5

<!DOCTYPE html>
<html lang="pl">
<head>
  <meta charset="UTF-8">
  <title>Przykład HTML5</title>
</head>
<body>
  <header>
    <h1>Moja strona</h1>
  </header>

  <nav>
    <a href="index.html">Start</a>
    <a href="kontakt.html">Kontakt</a>
  </nav>

  <main>
    <section>
      <h2>Aktualności</h2>
      <p>Treść sekcji.</p>
    </section>
  </main>

  <footer>
    <p>Copyright 2026</p>
  </footer>
</body>
</html>

Zapamiętaj na egzamin

Znaczniki <header>, <footer> i <nav> zostały wprowadzone w standardzie HTML5. Nie pochodzą z HTML4, XHTML 1.0 ani XHTML 2.0.