Druhý díl o HTML – Kostra dokumentu

Pokud se chceme věnovat vývoji webových stránek v jazyce HTML je důležité dodržovat několik základních pravidel. Asi nejdůležitější pravidlo je, že každý dokument musí obsahovat kostru, kterou dohromady dává několik základních značek (tagů).

Základní kostra vypadá nějak takto:

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

<html>

<head>

<title>Titulek webu</title>

<link rel=“stylesheet“ type=“text/css“ href=“css/1.css“>

<meta http-equiv=“Content-Type“ content=“text/html; charset=UTF-8″>

</head>

<body>

Obsah webové stránky

</body>

</html>

Nyní si to trochu rozebereme. První řádek nám uvádí specifikaci typu dokumentu (DTD). Pokud projdeme mnoho webových stránek, jistě si všimnete, že mnoho tvůrců jej nepíše, neříkám že je to špatně či správně, jen při zapomenutém DOCTYPE často můžete narazit na problémy, které se týkají módu zobrazení webových stránek v prohlížeči.

Módy webových prohlížečů jsou dva, standardní a nestandardní, nebo quick mode. Pokud budete používat standardní, webová stránka bude zobrazena správně tak, jak jste jí napsali (není to 100%), pokud na DOCTYPE však zapomenete, tak sice třeba Google Chrome zobrazí web správně, ale Internet Explorer již bude v quick modu a web nebude vypadat tak, jak chcete a přes dlouhé a hlavně zbytečné hledání proč to není tak jak by mělo nakonec zjistíte, že za to může právě tento řádek.

Další proč je vhodné mít na svých stránkách DOCTYPE je fakt, že existuje něco, čemu se říká validátor. Jedná se sice o nástroj šťouralů který nemám rád, protože vždy se najde někdo, kdo jej objeví a začne bez jakýchkoliv znalostí rejpat proč to není tak a tak, tak to příjemné není, ale právě validátor stejně jako internetový prohlížeč vychází z prvního řádku aby věděl, jak k webové stránce přistupovat a hlavně, v jakém jazyku je napsána.

Další tak značí, že se jedná o HTML dokument a všechno v <HTML></HTML> bude HTML dokument.

Tag HEAD je hlavička celého webu, ukládají se do něj nejrůznější informace, jako třeba titulek webu, importují se v něm externí soubory se styly (CSS) nebo Javascriptem. Další co zde může být uvedeno je typ kódování dokumentu, dnes je to nejčastěji UTF-8, ale některé weby pořád ještě používají ASCII (windows-1250), pokud se Vám tedy na webu budou zobrazovat špatně znaky s háčky a čárky, podívejte se po tomto.

Tag BODY. V tomto tagu je obsah celého dokumentu, tedy vše, co je v BODY je zobrazeno na webu, ano, zobrazí se text napsaný i jinde, ale je to špatně, zvykněte si na to, že vše co chcete vypsat má být zde a nikde jinde.

„Líbil se Vám tento článek? Sdílejte ho prosím na sociálních sítích, ať se o něm dozvědí i Vaši kamarádi. Děkuji!“
Share on FacebookShare on Google+Tweet about this on TwitterShare on TumblrEmail this to someone