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ší Nejvíce hlasů
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?

Rust pomohl vrátit JPEG XL do Chromu. Stačí to k úspěchu na webu?

Před čtyřmi lety Google podporu JPEG XL z Chromu odstranil. Teď formát vrací s dekodérem v Rustu, který vznikl na popud vývojářů Firefoxu. AVIF přitom může nabídnout menší soubory a bezeztrátový WebP rychlejší dekódování. JPEG XL má jiné přednosti: velkou fotografii dokáže zobrazovat už během stahování a staré JPEGy zmenší bez další ztráty kvality. Vedle historie jeho návratu se podíváme na výsledky srovnání, bezeztrátovou kompresi i praktické nasazení jednotlivých formátů na webu.

ISO, WIN, nebo MAC? Válka o kódování češtiny na webu

Kdo se webem zabýval na přelomu tisíciletí, zná ten pohled: stránka se načte a místo české věty se na ní objeví změť znaků jako ą, ľ a ». Nebyla to chyba monitoru ani písma. Byl to následek války, která se na českém internetu vedla po dlouhá léta. Šlo v ní o zdánlivou maličkost: jak do jednoho bajtu vměstnat písmeno „ř“. Podívejme se, kdo v ní proti komu stál, proč ji nešlo vyhrát a jak skončila.