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?

EmDash: Duchovní nástupce WordPressu, který řeší bezpečnost pluginů

Cloudflare přichází s ambiciózním projektem EmDash, který chce přepsat pravidla správy webového obsahu a nahradit dlouholetou dominanci WordPressu. Nový open source CMS, vytvořený za pouhé dva měsíce s pomocí AI, sází na moderní architekturu, důraz na bezpečnost i monetizaci a řeší klíčové problémy, které WordPress provázejí už desítky let.

Project Glasswing: Anthropic mění pravidla kybernetické bezpečnosti

AI
Komentáře: 0
Nový AI model Claude Mythos Preview dokáže autonomně nacházet bezpečnostní díry v každém hlavním operačním systému i prohlížeči – včetně zranitelností starých desítky let, které přežily miliony automatizovaných testů. Anthropic se rozhodl tuto schopnost nasadit jako nástroj obrany a svolal koalici dvanácti technologických gigantů – od Amazonu přes Microsoft až po JPMorganChase. Se závazkem 100 milionů dolarů a přístupem pro více než 40 organizací spravujících kritickou infrastrukturu je Project Glasswing závodem s časem: zajistit, aby obránci byli s těmito schopnostmi dřív než útočníci.

Git Worktree + Claude Code: paralelní vývoj a AI agenti ve více větvích najednou

Git worktree posouvá práci s větvemi na úplně jinou úroveň – místo neustálého přepínání a stashování nabízí paralelní pracovní prostředí nad jedním repozitářem. V kombinaci s nástroji jako Claude Code navíc otevírá dveře k běhu více AI agentů současně, každý izolovaně ve své větvi, bez kolizí a zbytečné režie.