HTML - Struktura HTML stránky

Základní značky, které uvozují celou stránku a její důležité části. Na každé stránce byste je měli uvádět. Základní struktura stránky vypadá následovně:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">

<html>
    <head>
        hlavička stránky
        <title>Titulek stránky</title>
    </head>

    <body>
        obsah stránky
    </body>
</html>

To je standardní struktura pro každou webovou stránku.

!doctype

Uvádí specifikaci DTD, typ dokumentu. Chcete-li mí stránku platnou podle standardů, použijte ji. Jinak není povinná. !doctype pro HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">

html

Uvozuje a zakončuje celou stránku.

head

Vymezuje hlavičku dokumentu, která obsahuje informace o stránce. Může obsahovat další značky title, link, meta, style, script a některé další.

title

Nesmírně důležitá značka, titulek stránky, její název. Zobrazuje se úplně nahoře v horním pruhu prohlížeče, rovněž se zobrazuje ve výsledcích vyhledávání (např. Seznam.cz, Google.com).

link

Propojuje HTML stránku s jiným souborem. Používá se zejména pro načtení externího stylu CSS:

<link rel="stylesheet" type="text/css" href="styl.css">

meta

Informace o dokumentu, metadata. Více o značce meta na samostatné stránce. Pomocí značky meta zajistíte správné zobrazení českých znaků, nastavuje se její pomocí jazyk dokumentu a kódování. Typické nastavení:

<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
<meta http-equiv="content-language" content="cs" />

script

Připojí ke stránce externí script, obvykle JavaScript. Ukázka:

<script language="JavaScript" type="text/javascript" src="skript.js">

body

Označuje tělo stránky, do něj se zapisuje veškerý obsah HTML stránky.