HTML pre začiatočníkov - validita, 5.diel

HTML dokument musí byť validný ak chcete mať pocit, že ste odviedli dobrú prácu ale nielen to. Zaručí vám mnoho výhod a taktiež sa v tomto diele dozviete aj o nadpisoch na stránke.

Validita

Aby náš web splňoval štandardy, ktoré určuje W3 musíme mu zaistiť jeho validitu. Až bude váš web hotový a validný, tak to môžete brať ako vzor kvalitnej práce. Pokiaľ to bude naozaj, tak ako hovorím máte veľké šance aby sa váš web zobrazoval správne v každom prehliadači a tým sa zvýši jeho celková prístupnosť. To ale nieje jediný cieľ validného webu.

Prvé čo musíme v dokumente definovať bude DOCTYPE, ktorý nám bude určovať o aký druh HTML dokumentu ide a akú normu bude využívať. DOCTYPE zapisujeme úplne na vrch stránky. Nasledovne:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
"http://www.w3.org/TR/html4/strict.dtd">

Táto norma obsahuje všetky tagy a atribúty okrem tých, ktoré sú označené deprecated. Táto norma nepovoľuje použitie framov na stránke a atribútu target.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

Norma transitional je voľnejšia a je v nej zahrnuté všetko čo v norme Strict s tým rozdielom, že povoľuje všetko to čo norma Strict zakazuje okrem framov.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Framset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">

Norma Frameset zahrňuje framy + všetko s normy Transitional. Teraz by som sa priklonil k skutočnému zápisu do HTML dokumentu. Vytvoríme si prázdny HTML súbor a vložíme do neho nasledovný kód:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Validita</title>
</head>
<body>
Toto je HTML dokument.
</body>
</html>

Ako vidíte stránka je teraz zapísaná správe. Správne by bola aj bez zápisu DTD ale aby sme si mohli skutočne skontrolovať či je stránka validná stačí ak navštívite HTML validator. Do kolónky zadáte URL stránky a on vám skontroluje prípadné chyby, ktorých ste sa dopustili počas písania HTML dokumentu.

Nadpisy

Aby som odišiel trochu od validity a doniesol pár nových tagov, tak si ukážeme zápis nadpisov do stránku. Zapisujeme ich tagmi h1,h2,h3,h4,h5 alebo h6. Sú vymenované od najväčšieho po najmenší. Zapisujú sa takto:

<h1>Nadpis</h1>
<h2>Nadpis</h2>
<h3>Nadpis</h3>
<h4>Nadpis</h4>
<h5>Nadpis</h5>
<h6>Nadpis</h6>

Nadpisy sú niekedy až priveľmi veľké ale oplatí sa ich používať, tak po h3. Nadpisy h4,h5 a h6 sú veľmi malé a nieje to s nimi veľmi ružové, pretože sú takmer nečitateľné. Nadpisy sú dôležité pre SEO. Pre bližšie informácie navštívte rubriku SEO.

Ďalší typ čo som zabudol pripomenúť v predchádzajúcich častiach sú komentáre v dokumente. Nikto ich nikde na stránke nemôže vidieť a môžete ich písať kdekoľvek len chcete. Zapisujú sa nasledovne:

<!-- OBSAH_KOMENTARU -->

To, že ich ale nemôže na stránke nikto vidieť neznamená, že niekto nemôže vidieť kód vašej stránky. Pomocou každého prehliadača si môže ktokoľvek prezrieť kód vašej stránky lebo kód sa spracuje v prehliadači a nie na servery ako je to u niektorých skriptovacích jazykov. Takže komentáre je možné pozorovať rovnako ako celý váš kód.

Alternatívne verzie:

Autor: PaBi3 · Kategória: Webdesign · Dátum: 07.05.2005 14:44

Komentáre

#1 appma Web E-mail

11.08.2007 10:11

Moja otázka znie: Prečo validátor považuje za chybu v nejakom stringu znak "&" v tagu <a>. Príklad: <a href="http://www.nieco.sk">link & link</a>? Ďakujem.

IP adresa: 217.145.192.6

[Reagovať]

#2 Ribi Web E-mail

12.08.2007 00:45

Namiesto & píš &!

IP adresa: skrytá

[Reagovať]

#3 Bananslovak

03.12.2007 19:11

Myslim, ze autor ma v texte chybu, poradie nadpisov by malo byt spravne zapisane takto:

<h1>Nadpis</h1>

<h2>Nadpis</h2>

<h3>Nadpis</h3>

<h4>Nadpis</h4>

<h5>Nadpis</h5>

<h6>Nadpis</h6>

teda, nie <h1>Nadpis</h2> ale <h2>Nadpis</h2>

IP adresa: 85.216.227.155

[Reagovať]

#4 admin Web E-mail

03.12.2007 20:06

[3] Bananslovak, správna poznámka, už je to opravené.

IP adresa: skrytá

[Reagovať]