| Element | Atrybuty | Opis |
|---|---|---|
| <head></head> | globals | nagłówek strony |
| <title></title> | globals | tytuł strony |
| <base> lub <base/> | globals, href, target | adres bazowy |
| <link> lub <link/> | globals, href, crossorigin, rel, media, hreflang, type, sizes | link metadanych |
| <meta> lub <meta/> | globals, name, http-equiv, content, charset | informacje o stronie |
| <style></style> | globals, media, type | styl strony |
Element <body></body> jest zdefiniowany w rozdziale Sekcje - Plansza interaktywna Elementy blokowe.
Niektóre walidatory wymagają deklaracji typu dokumentu.
Element <head></head> jest ukryty przez definicje arkuszy domyślnych CSS przeglądarek internetowych. Zawartość elementu <title></title> jest prezentowana w tytule zakładki strony.
| Atrybut | Wartości | Opis |
|---|---|---|
| content | CDATA | wartość atrybutu |
| crossorigin | anonymous|use-credentials | żądania CORS HTML5 |
| href | URI | adres odwołania |
| hreflang | LanguageCode | kod języka strony |
| http-equiv | NMTOKEN | wartość |
| name | NMTOKEN | nazwa |
| rel | LinkTypes | relacja |
| target | _blank | _parent |_self | _top | okno otwieranego dokumentu |
| type | ContentType | typ |
| charset | Charset | kodowanie znaków |
| media | MediaDesc | typ nośnika |
| sizes | CDATA (np. 16x16) | rozmiar ikony HTML5 |
Zapis <meta charset="utf-8"> jest formą skróconą kodu:
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
Stosując zasady języka XML w zncznikach pojedynczych (w tym meta) stosujemy ukośnik np.: <meta charset="utf-8"/>
| Wartość | Opis |
|---|---|
| anonymous | brak flagi danych potwierdzających tożsamość HTML5 |
| CDATA | dane znakowe |
| ContentType | typ zależny od kontekstu |
| Charset | kodowanie |
| MediaDesc | Typ mediów |
| NMTOKEN | tekst |
| LanguageCode | kod języka |
| LinkTypes | typy linków |
| URI | identyfikator zasobów |
| use-credentials | ustawiona flaga danych potwierdzających tożsamość HTML5 |
| _blank | okno nowe |
| _parent | okno: macierzyste |
| _self | okno aktualne |
| _top | okno główne |
| Właściwość atrybutu | Opis |
|---|---|
| application-name | nazwa aplikacji |
| author | autor |
| charset | kodowanie znaków |
| description | opis zawartości |
| generator | generator kodu |
| keywords | słowa klluczowe |
| viewport | sposób prezentacji na urządzeniach mobilnych |
Kod jest szczególnie ważny w plikach kluczowych (np. index.html).
Plik favicon.png zawierający ikonę strony powinien być umieszczony w tym samym folderze lub umieszczamy przed jego nazwą adres.
Typ MIME pliku favicon. może być inny niż PNG (np. ICO będzie type="image/x-icon").
| Właściwość atrybutu | Opis |
|---|---|
| width | szerokość |
| height | wysokość |
| initial-scale | skala strony |
| minimum-scale | minimalna |
| maximum-scale | maksymalna skala |
| user-scalable | włączenie|wyłączenie skalowania |
| Właściwość | Opis |
|---|---|
| Typ arkusza stylów | <style|link type="text/css" ... |
| Lokalizacja arkusza stylów | <link href="URL " ... |
| Media arkusza stylów | <link media="" ... |
| Tytuł arkusza stylów | <style|link title="" ... |
| Alternatywny arkusz stylów | <link rel="Alternate stylesheet" ... |
| Relacja | <link rel="stylesheet" ... |
* Plik styl.css zawiera kod:
p {background: gray;}