Struktura dokumentu HTML

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

Dokument HTML ma określoną budowę. Podstawowym znacznikiem obejmującym całą zawartość strony jest <html>. To właśnie on wyznacza początek właściwego dokumentu HTML i zawiera dwie główne części: <head> oraz <body>.

Podstawowy szkielet strony

<!DOCTYPE html>
<html>
<head>
  <title>Tytuł strony</title>
</head>
<body>
  <h1>Nagłówek strony</h1>
  <p>Treść dokumentu.</p>
</body>
</html>

Znaczenie najważniejszych znaczników

  • <!DOCTYPE html> informuje przeglądarkę, że dokument jest napisany w HTML5.
  • <html> oznacza początek dokumentu HTML i obejmuje całą jego zawartość.
  • <head> zawiera informacje techniczne o stronie, np. tytuł, kodowanie znaków, style CSS, metadane.
  • <title> określa tytuł strony widoczny na karcie przeglądarki.
  • <body> zawiera właściwą, widoczną treść strony, np. teksty, obrazy, linki, formularze.

Co jest ważne na egzaminie?

Jeśli pytanie dotyczy początku dokumentu HTML, poprawnym znacznikiem jest <html>. Nie należy mylić go z <head>, ponieważ <head> rozpoczyna tylko sekcję nagłówkową dokumentu, a nie cały dokument. Znacznik <body> rozpoczyna część widoczną strony, natomiast <title> służy wyłącznie do zapisania tytułu strony.