Struktura dokumentu HTML

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

Struktura dokumentu HTML

Struktura dokumentu HTML określa logiczny układ treści na stronie internetowej. Do jej budowania używa się znaczników, które grupują elementy, wyznaczają sekcje strony albo opisują ich znaczenie.

Znaczniki używane do struktury

Do określania struktury dokumentu HTML należą między innymi:

<header> - nagłówek strony lub sekcji,
<footer> - stopka strony lub sekcji,
<section> - tematyczna sekcja dokumentu,
<article> - samodzielna treść, np. wpis blogowy,
<nav> - obszar nawigacji,
<main> - główna treść dokumentu,
<div> - uniwersalny kontener blokowy bez znaczenia semantycznego.

Przykład:

<header>
  <h1>Nazwa strony</h1>
</header>

<main>
  <section>
    <h2>Oferta</h2>
    <p>Opis usług.</p>
  </section>
</main>

<footer>
  <p>Kontakt</p>
</footer>

Znaczniki, które nie określają struktury

Niektóre znaczniki służą głównie do oznaczania lub formatowania fragmentów tekstu. Przykłady:

<b> - pogrubienie tekstu,
<i> - kursywa,
<u> - podkreślenie.

Te znaczniki wpływają na wygląd lub sposób wyróżnienia tekstu, ale nie wyznaczają układu dokumentu. Dlatego zestaw <i>, <b>, <u> nie jest używany do określania struktury strony HTML.

Ważne na egzaminie

Jeżeli pytanie dotyczy struktury HTML, szukaj znaczników kontenerowych i semantycznych, takich jak <header>, <footer>, <section> lub <div>. Jeżeli pytanie dotyczy formatowania tekstu, właściwe będą znaczniki takie jak <b>, <i>, <u>, <strong> czy <em>.