PC-politika.cz - Novinky: HTML 5: Nový tag header; co obsahuje [5] PC-politika

HTML 5: Nový tag header; co obsahuje [5]

Dnes se budeme zabývat krátce horním oddílem/sekcí, která je v každém HTML dokumentu a obsahuje většinou navigaci www stránky. Konečně přišlo to pravé označení, které dává smysl. Je to tag/element <header>. Ten může obsahovat další užitečné nové tagy páté revize HTML 5.

Dnes se budeme zabývat krátce horním oddílem/sekcí, která je v každém HTML dokumentu a obsahuje většinou navigaci www stránky. Konečně přišlo to pravé označení, které dává smysl. Je to tag/prvek/element <header>. Ten může obsahovat další užitečné nové tagy páté revize HTML 5.

Nutno trochu pokritizovat předcházející verzi HTML 4, která byla skoupa na vyznačování struktury HTML dokumentu. Kodér problematicky zjišťoval, kde vlastně začíná hlavní obsah stránky, kde je podval/footer atd... To nyní v HTML 5 končí.

K lepšímu sémantickému popisu HTML dokumentu přispívá nyní v HTML 5 několik důležitých tagů. Z nich na prvním místě je dobré úvést <header>. Jde o kontejner tagu, který slouží speciálně pro úvodní, tedy navigační obsah. Měl by obsahovat dále záhlaví <h1> až <h6> a rovněž tag/prvek/element < hgroup > prvek).

Podle specifikace HTML5 - W3.org může mít header i další obsah, třeba vyhledávací formulář seznamu (ul,li) , a také do něj lze umístit odkaz na logo. Velkou výhodou je, že tento tag může být použit v jakékoli části stránky (s výjimkou <footer>), takže fakticky nemusí být použit výhradně pro horní část (záhlaví) www stránky, kam dáváme zpravidla logo. Ještě zdůrazním, že další tag <hgroup>, který je vlastně specializovanou formou <header> , má podle specifikace povolen pouze obsah <h1> až <h6>, takže vlastně seskupuje titul s podtitulem. A zde máte kód při použití headeru: