XHTML - odseky a nadpisy: Hx, P

Peter Druska  /  16. 10. 2006, 00:00

Dnešný článok je o dvoch najzákladnejších značkách pre formátovanie textu. Reč bude o nadpisoch a odsekoch.

Stránku nemôžeme len tak naplniť suchopárne neformátovaným textom. Ten by mal mať svoju logiku. Nadpisy a odseky túto možnosť dávajú a umožňujú logicky i vizuálne obsah stránok upraviť do prístupnejšej podoby.

Párové značky nadpisov h1, h2, h3, h4, h5, h6

Značky h1, h2, h3, h4, h5, h6 označujú nadpisy stránok, kapitol, častí stránok alebo aj celého webu. Je ich šesť a majú svoju hierarchiu.

Ako je už zrejmé z ich názvov, značka h1 označuje nadpis najvyššej úrovne a priority a značka h6 označuje nadpis najnižšej úrovne a priority. Dôležité je pamätať si, že nadpis úrovne 1 (značka h1) sa odporúča použiť na stránkach len raz! Ostatné nadpisy úrovní 2, 3, 4, 5 a 6 sa môžu na stránkach používať ľubovoľne veľakrát.

Príklad použitia nadpisov rôznych úrovní: 

<h1>Nadpis 1. úrovne</h1>

  <h2>Nadpis 2. úrovne</h2>
  .
  .
  
  <h2>Nadpis 2. úrovne</h2>
  .
  .
  
  <h3>Nadpis 3. úrovne</h3>
  .
  .
  
  <h4>Nadpis 4. úrovne</h4>
  <h5>Nadpis 5. úrovne</h5>
  .
  .
  
  <h6>Nadpis 6. úrovne</h6>

Značka hX (kde X je číslo od 1 do 6) znamená v angličtine heading, čo je titulok, záhlavie, ...

Text za nadpisom sa zalamuje vždy na nový riadok.

Párová značka odsekov p

Značka p označuje text, ktorý tvorí odsek textu. Je to časť tvoriaca jeden uzavretý celok. Člení dlhý text na viac čitateľnejších kratších častí. Napríklad: 

<p>
  Kde bolo tam bolo, bola raz jedna hruška.
  Táto hruška sa volala Milka
  a žila v domčeku pri potoku.
</p>
<p>
  Jedného dňa sa hruška Milka ...
</p>

Značka p znamená v angličtine paragraph, čo v preklade znamená odsek.

Text za odsekom sa zalamuje vždy na nový riadok.

Upozornenie

Nadpis sa nemôže uzatvárať do odsekov! Je to logicky a sémanticky nesprávne. Taktiež sa nemôže odsek uzatvárať do nadpisov. Tieto elementy sa vždy musia nachádzať vedľa seba. Napríklad: 

<h1>Hlavný nadpis</h1>

<p>
  Odsek 1
</p>

<p>
  Odsek 2
</p>

  <h2>Nadpis druhej úrovne</h2>
  
  <p>
    Odsek 3
  </p>

Ďakujem za pozornosť. Nabudúce to bude o hypertexte.

Neprehliadnite: