Przejdź do głównej treści
  1. Strona główna
  2. Słownik
  3. AUD.05
  4. Sekcje dokumentu HTML

Sekcje dokumentu HTML

Słownik kwalifikacji AUD.05 - Realizacja projektów graficznych i multimedialnych

Dokument HTML ma określoną strukturę. Najważniejsze części to <!DOCTYPE>, element główny <html>, sekcja <head> oraz sekcja <body>.

Sekcja <head>

Sekcja <head> zawiera informacje techniczne o stronie, które zwykle nie są bezpośrednio widoczne dla użytkownika w treści strony. Umieszcza się tam między innymi:

  • <title> — tytuł strony widoczny na karcie przeglądarki,
  • <meta> — metadane, np. kodowanie znaków lub opis strony,
  • <link> — podłączenie zewnętrznego arkusza CSS,
  • <style> — wewnętrzne style CSS,
  • <script> — skrypty, jeśli mają być ładowane w nagłówku.

Sekcja <body>

Sekcja <body> zawiera właściwą, widoczną treść strony internetowej. To tutaj umieszcza się znaczniki tworzące układ i zawartość strony, np. nagłówki, akapity, obrazy, listy, linki, formularze czy sekcje.

Przykład:

<!DOCTYPE html>
<html lang="pl">
<head>
  <meta charset="UTF-8">
  <title>Moja strona</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <h1>Witaj na stronie</h1>
  <p>To jest właściwa treść strony.</p>
</body>
</html>

Najważniejsze rozróżnienie

<head> opisuje dokument i podłącza zasoby, natomiast <body> zawiera treść wyświetlaną użytkownikowi. Dlatego znaczniki dotyczące właściwej treści strony powinny znajdować się w sekcji <body>.