Prvek SECTION je definován jako sémantická část webové stránky nebo webu, která není jiným konkrétnějším typem, jako je ARTICLE nebo ASIDE. Návrháři často používají tento prvek při označování samostatné části stránky - celé sekce, kterou lze přesunout a použít na jiných stránkách nebo částech webu. Je to zřetelný obsah.
Naproti tomu prvek DIV je vhodný pro části stránky, které chcete rozdělit pro jiné účely než sémantika. Například můžete zabalit nějaký obsah do DIV a dát mu „háček“ na styl pomocí CSS. Sémanticky to nemusí být samostatná část obsahu, ale je to oddělené, abyste mohli dosáhnout požadovaného rozložení nebo cítit.
Je to všechno o sémantice
Jediným rozdílem mezi prvky DIV a SECTION je sémantika - význam obsahu, který rozdělujete.
Jakýkoli obsah obsažený v prvku DIV nemá žádný vlastní význam. Nejlépe se používá pro věci jako:
- Styly CSS a háčky pro styly CSS
- Rozvržení kontejnerů
- Háčky JavaScriptu
- Divize, které usnadňují čtení obsahu nebo HTML
Prvek DIV býval jediným prvkem dostupným pro přidávání háčků do stylů dokumentů a rozvržení. Před HTML5 byla typická webová stránka plná prvků DIV. Ve skutečnosti někteří redaktoři WYSIWYG používali výhradně prvek DIV, někdy místo odstavců.
HTML5 představil prvky krájení, které vytvořily více sémanticky popisné dokumenty a pomohly definovat styly na těchto prvcích.
A co prvek SPAN?
Dalším běžným nesémantickým prvkem je SPAN. Je to použito v souladu přidat háčky pro styly a skripty kolem bloků obsahu (obvykle textu). V tomto smyslu je to přesně jako DIV, ale není blokový prvek. Představte si DIV jako SPAN na úrovni bloků a použijte jej stejným způsobem, ale pro celé bloky obsahu HTML.
HTML nemá žádný srovnatelný vložený prvek řezu.
Pro starší verze aplikace Internet Explorer
I když výrazně podporujete starší verze prohlížeče Microsoft Internet Explorer, které spolehlivě nerozpoznávají HTML5, měli byste používat sémanticky správné značky HTML. Sémantika vám a vašemu týmu pomůže se správou stránky v budoucnu. Nejnovější verze aplikace Internet Explorer, stejně jako jeho nahrazení, Microsoft Edge, rozpoznávají HTML5.
Použití prvků DIV a SECTION
K definování můžete použít prvky DIV i SECTION společně v platném dokumentu HTML5 - SEKCE sémanticky diskrétní části obsahu a DIV k definování háčků pro CSS, JavaScript a rozložení účely.
Původní článek Jennifer Krynin. Upravil Jeremy Girard dne 15.3.17.