Namenší HTML dokument je najmenší html dokument, zapísaný podľa syntaktických pravidiel jazyka HTML.
Vyzerá takto:
<!DOCTYPE html>
<html lang="sk">
<head>
<meta charset="utf-8">
<title>Minimálny html dokument - ukážka</title>
</head>
<body>
</body>
</html>
Keď tento text pošleme do W3 Validátora, mal by sa ukázať zelený oznam "No errors"
.
<!DOCTYPE html>
Táto špeciálna značka hovorí, že dokument je zapísaný v najnovšej verzii jazyka html. V prípade, že by za slovom html boli ešte nejaké ďalšie informácie, odkazujú na konkrétnu verziu (napr. staršíu).
<html lang="sk">
</html>
Táto značka vymedzuje začiatok a koniec html dokumentu. Atribút lang
v otváracej značke definuje jazyk, v ktorom je obsah dokumentu napísaný.
<head>
<meta charset="utf-8">
<title>Minimálny html dokument - ukážka</title>
<head>
V hlavičke dokumentu sa nachádzajú informácie opisujúce obsah dokumentu. Povinná je informácia o názve dokumentu, označená značkami title
. Nepovinná je informácia o použitom kódovaní znakov (<meta charset="...">
), ktorá zabezpečuje správne zobrazenie znakov s diakritikou.
Kódovanie Unikód (utf-8
) je najrozšírenejšie kódovanie znakov, obsahuje kódy pre znaky zo všetkých svetových jazykov (latinka, cyrilika, východné jazyky, symboly a emoji, ...).
Neskôr sem vložíme aj ďalšie informácie. Všetky tieto informácie sa zobrazujú mimo hlavného okna prehliadača.
Všimnite si, ako je značka title
"vnorená" do head
(poradie jednotlivých značiek).
<body>
</body>
Značky body
obklopujú viditeľnú časť stránky (v hlavnom okne prehliadača). Je to vlastná stránka, ktorú vidí používateľ. Sem budeme písať vlastný obsah stránky.
Údaje v HTML dokumente (stránke) možno rozdeliť na dva druhy: obsah a metainformácie.
Preto má každá html stránka svoju pevne danú štruktúru, ktorú voláme minimálny html dokument.
Túto štruktúru si teraz postupne vybudujeme.
stranka.html
a doň zapíšeme obsah stránky: <h1>Vitaj, svet!</h1>
<p>Lorem ipsum dolor sit amet.</p>
body
:<body>
<h1>Vitaj, svet!</h1>
<p>Lorem ipsum dolor sit amet.</p>
</body>
body
tú časť prehladača, v ktorej sa zobrazuje samotná web stránka. <head>
</head>
<body>
<h1>Vitaj, svet!</h1>
<p>Lorem ipsum dolor sit amet.</p>
</body>
title
:<head>
<title>Jojo Mrkvička - osobná stránka</title>
</head>
<body>
<h1>Vitaj, svet!</h1>
<p>Lorem ipsum dolor sit amet.</p>
</body>
title
) sa zobrazuje na table záložiek v prehliadači.<head>
<meta charset="utf-8">
<title>Jojo Mrkvička - osobná stránka</title>
</head>
<body>
<h1>Vitaj, svet!</h1>
<p>Lorem ipsum dolor sit amet.</p>
</body>
html
s nastaveným jazykovým kódom:<html lang="sk">
<head>
<meta charset="utf-8">
<title>Jojo Mrkvička - osobná stránka</title>
</head>
<body>
<h1>Vitaj, svet!</h1>
<p>Lorem ipsum dolor sit amet.</p>
</body>
</html>
en-GB
, en-US
, pt-BR
a pod.<!DOCTYPE html>
<html lang="sk">
<head>
<meta charset="utf-8">
<title>Jojo Mrkvička - osobná stránka</title>
</head>
<body>
<h1>Vitaj, svet!</h1>
<p>Lorem ipsum dolor sit amet.</p>
</body>
</html>
<!DOCTYPE html>
znamená prosto najnovšia verzia (html 5)