Strony internetowe

Środowisko programowania HTML - materiały na zajęcia

Struktura dokumentu

Podstawowe znaczniki składające się na strukturę dokument internetowego w standardzie HTML5.

Znacznik Znaczenie
<!doctype html> Deklaracja dokumentu HTML5.
<html></html> Główny znacznik dokumentu internetowego. Wewnątrz znaczników umieszczony jest kod źródłowy strony.
<head></head> Znacznik odpowiedzialny za preferencje dokumentu. Wewnątrz znaczników definiujesz wymagany tytuł strony, style graficzne oraz opis i słowa kluczowe wykorzystywane na przykład przez wyszukiwarkę Google.
<title></title> Tytuł strony, wyświetlany na pasku przeglądarki oraz w wynikach wyszukiwania Google.
<meta charset="UTF-8">
Deklaracja strony kodowej lub tablicy znaków, zapewnia poprawne wyświetlanie na przykład polskich znaków diaktrycznych.
<body></body> Kod wraz z treścią umieszczony pomiędzy znacznikami body zostanie sformatowany przez przeglądarkę i  wyświetlony w głównym oknie jako zawartość strony.

Zawartość strony

Znaczniki semantyczne odpowiadające za poprawną strukturę dokumentu.

Znacznik Znaczenie
<header></header> Nagłówek strony, w nim umieszczny jest zwykle logotyp oraz główne menu serwisu.
<main></main> Główna treść dokumentu.
<footer></footer> Stopka strony przeznaczona na informacje o prawach autorskich, dodatkowe menu, paginację itp.