Přejít k navigační liště

Zdroják » Zprávičky » Jak funguje značka section

Jak funguje značka section

Zprávičky Webdesign

Section je jednou z nových sémantických značek HTML5. Vývojáři, kteří se tuto značku snaží použít, ji ovšem často používají špatně (jako příklad může posloužit produktová stránka prohlížeče Safari). James Graham na blogu WHATWG vysvětluje, že značka section není jen prostou sémantickou náhradou za značku div. Značka section totiž reprezentuje relativně samostatnou sekci vloženou do webové stránky (např. i zvláštní dokument) a je v ní doporučeno číslovat nadpisy počínaje od h1, tedy např.:

<article>
 <header>
  <h1>Apples</h1>
  <p>Tasty, delicious fruit!</p>
 </header>
 <p>The apple is the pomaceous fruit of the apple tree.</p>
 <section>
  <h1>Red Delicious</h1>
  <p>These bright red apples are the most common found in many
  supermarkets.</p>
 </section>
 <section>
  <h1>Granny Smith</h1>
  <p>These juicy, green apples and make a great filling for
  apple pies.</p>
 </section>
</article>

Jelikož se bude jednat o častou chybu webdesignerů, počítá se do budoucna se vznikem nástrojů, které by na ni upozornili. Zdůrazněme také, že používání značky section na webu nelze zatím ve větší míře doporučit, můžete totiž narazit na jisté problémy (např. v prohlížečích IE nebo FF2), ty jdou sice obejít, ale zbytečně si přiděláte práci.

Komentáře

Odebírat
Upozornit na
guest
2 Komentářů
Nejstarší
Nejnovější Most Voted
Inline Feedbacks
Zobrazit všechny komentáře
Peter Kahoun

Nemyslím, že je to neznalost jazyka, co přimělo kodéra Safari stránky nezačít h2, myslím, že je to obava o místo na SERPách.

Což mi připomíná: nemá náhodou někdo nějakej link na dosavadní vyjádření vyhledávačů k tomuto tématu?

Peter Kahoun

Jo a pak je tady ta potíž s hlasovými čtečkami. Můžeme u nich doufat v dostatečně flexibilní update?

Přístupnost není jen o splnění norem: nový pohled na inkluzivní design

Přístupnost a inkluze možná nepatří mezi nejžhavější témata digitálního světa – dokud o nich nezačne mluvit Vitaly Friedman. Na WebExpo 2024 předvedl, že inkluzivní design není jen o splněných checkboxech, ale hlavně o lidech. S energií sobě vlastní obrátil zažité přístupy naruby a ukázal, že skutečně přístupný web je nejen možný, ale i nezbytný.

Efektivnější vývoj UI nebo API: Co si odnést z WebExpo 2025?

Různé
Komentáře: 0
Jak snadno implementovat moderní uživatelské rozhraní? Které funkce brzdí rychlost vašeho webu? A kdy raději sami přibrzdit, abychom využitím AI nepřekročili etické principy? Debatu aktuálních dev témat rozdmýchá sedmnáctý ročník technologické konference WebExpo, která proběhne v Praze od 28. do 30. května. Který talk či workshop si rozhodně nenechat ujít? Toto je náš redakční výběr z vývojářských hroznů.

Zapřáhněte AI jako nikdy předtím. Květnová konference WebExpo přivítá hvězdy technologického světa

Od 28. do 30. května 2025 promění pražský Palác Lucerna na tři dny technologická konference WebExpo. Na programu je více než 80 přednášek a workshopů od expertů z celého světa. WebExpo tradičně propojuje vývojáře, designéry, marketéry i byznysové lídry a nabízí praktické dovednosti, strategické myšlení a přináší nejnovější trendy nejen v oblasti AI.