2. díl seriálu o (x)html - zápis xhtml dokumentu, obsah hlavičky a těla dokumentu
V dnešním díle si ukážeme jak jsem slíbil minule nejjednodušší zápis xhtml dokumentu a podrobněji si rozebereme prvky obsažené v hlavičce a v těle dokumentu.Vysvětlení základních pojmů, co to je DTD, html, head a dalších naleznete v první části tohoto seriálu o xhtml. V tomto díle je nová pouze xmlns deklarace pro XHTML, která se umísťuje za DOCTYPE do kořenu dokumentu.
Nejjednodušší zápis xhtml dokumentu bude vypadat takto:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs">
<html>
<head>
<title> Titulek stránky </title>
*
</head>
<body>
**
</body>
</html>
Toto je nejjednodušší úplný xhtml zápis dokumentu (XHTML 1.0 Strict). Nyní se podíváme na obsah jednotlivých prvků který je označen hvězdičkami:
* - Obsah prvku head - zde je povinný Titulek stránky <title>, do hlavičky se dále uvádějí například meta elementy - informace o kódování, použitém jazyce, popis stránky, klíčová slova (pro vyhledávače) atd, dále by měl obsahovat element <link> pro spojitost s jiným souborem - například externími CSS styly.
** - Do prvku body se umísťují veškerá zobrazovaná data v dokumentu jako například prvky <div>, <span> a další s atributy id - jednoznačný identifikátor (x)HTML elementů, class - třída elementů, atd.
Prvky obsažené v hlavičce stránky:
<title> - párový tag, do kterého se umisťuje titulek stránky, který by měl být výstižný a návštěvníkovi jasně říci kde se právě nalézá. Z toho vyplývá, že by měl být na každé stránce titulek jiný, se zřetelnou strukturou stránky. Já osobně používám titulek nejčastěji v tomto tvaru (samozřejmě není podmínkou):
Název serveru | Kategorie | Název aktuální stránky
<link> - nepárový tag, který se vyskytuje pouze v hlavičce dokumentu. Užívá se pro propojení s jiným souborem - externím CSS stylem a ikonou stránky (favicon.ico).
<meta> - nepárový tag, který se vyskytuje pouze v hlavičce dokumentu. Obsahuje uživateli "neviditelné" informace o dokumentu - např. popis stránky, klíčová slova, kódování jazyka, informace o autorovi stránek a další informace.
Prvky obsažené v těle dokumentu:
<div> - Blokový element, který je párový. Před a za prvkem <div> se zalomí řádek. Do tohoto prvku se mohou umístit jekékoliv další prvky, například: text, obrázky, odkazy, další divy a jiné. Prvek <div> obsahuje obecné atributy jako například - id, class, style a další.
<span> - Řádkový element, který je párový. Jelikož se jedná o element řádkový, může se <span> vyskytovat i vícekrát na jednom řádku. Používá se na text který bude formátován jinak než text okolní. U tohoto tagu lze použít pouze obecné atributy, například - id, class, style a další.
Prvků je samozřejmě mnohem více - například odstavce, nadpisy, seznamy, tabulky a mnoho dalších.
To je pro dnešní díl vše a příště si rozebereme základní rozdíly mezi html a xhtml s jejich výhodami a nevýhodami.
spiderer
www.spiderer.net
Autor: spiderer
2024 ©