2. lekce: STRUKTURA DOKUMENTU

Úterý, 6. Leden. 2015 | 2. Lekce - Struktura dokumentu | Žádné komentáře

Webové stránky se neskládají pouze z textů a obrazků, ale také obsahují mnoho dalších informací, které využívá např. internetový prohlížeč nebo vyhledavací roboti. Tyto informace jsou nezbytné např. pro správné zobrazení stránky v prohlížeči. Uvadí se před samotným tělem dokumentu. Jsou to například tzv. meta-informace, skripty, styly a mnoho dalších.

Na začátku každé HTML stránky je potřeba uvést deklaraci typu dokumentu, která je nezbytná a prohlížeči řekne, jak má pracovat s obsahem souboru, o který jazyk se jedná atd. V HTML5 se zápis oproti předchozím verzím hodně zkrátil, nyní již není potřeba udávat zdlouhavé DTD specifikace dokumentu. Dokument v HTML5 začíná prostým zápisem:

<!DOCTYPE html>

Povinné elementy <html>, <head> a <body>

Element <html> ohraničuje veškerý obsah dokumentu včetně hlavičky.

Do hlavičky stránky <head> patří, mimo jiné, element title, který udává název stránky. Ten je důležitý pro vyhledávače, navíc je zobrazován z záhlaví okna prohlížeče.

<html>
<head>
<title>Základní HTML stránka</title>

Dále by měla být v hlavičče informace o kódování stránky. Ta vypadá takto:

<meta charset=”utf-8″ />

Poté by mělo následovat ukončení hlavičky (head) a uvození těla stránky (body).

</head>
<body>

Do těla stránky již vkládáme vlastní obsah. Nyní vložíme jednoduchý řádek textu, který bude v elementu p neboli “paragraph” … česky odstavec.

<p>Jakýkoliv text.</p>

Dále stačí jen zakončit tělo stránky a uzavřít element </html>.

</body>
</html>

Šablona dokumentu

Struktura dokumentu tak, jak by měla být součástí každé webové stránky, je tedy následující:

<!DOCTYPE html>
<html >
  <head>
    <meta charset=”utf-8″ />
    <title>Základní HTML stránka</title>
  </head>
  <body>
    <p>Samotný obsah stránky.</p>
  </body>
</html>

KONTAKTNÍ FORMULÁŘ

Jméno:

E-mail:

Váš vzkaz:

sedm plus pět =

VYHLEDÁVÁNÍ

PODĚKOVÁNÍ

Logo projektu