Když se před několika lety objevil HTML5 na scénu, přidala do langauge spoustu nových prvků pro dělení, včetněSEKCE živel. Většina nových prvků, které HTML5 představuje, má jasné použití. Například prvek se používá k definování článků a hlavních částí webové stránky, prvek se používá k definování souvisejícího obsahu, který není pro zbývající stránku rozhodující, a hlavička, nav a zápatí jsou velmi samozřejmostí. Nově přidanéSEKCE element, nicméně je o něco méně jasný.
Mnoho lidí se domnívá, že prvky HTML SEKCE a jsou opravdu totéž - generické kontejnerové prvky, které obsahují obsah na webové stránce. Realita však spočívá v tom, že tyto dva prvky, byť oba jsou kontejnerové prvky, jsou nic jiného než druhové. Existují konkrétní důvody pro použití obou SEKCE element a DIV element - a tento článek vysvětlí tyto rozdíly.
Sekce a Div
The SEKCE Prvek je definován jako sémantický úsek webové stránky nebo webu, který není jiným konkrétnějším typem (jako článek nebo stranou). Mám tendenci používat tento prvek, když označím samostatnou část stránky - část, která by se mohla velkoobchodně přesouvat a používat na jiných stránkách nebo částech webu. Jedná se o zřetelný obsah, nebo "část" obsahu, pokud chcete.
Na rozdíl od toho používáte DIV prvku pro části stránky, které chcete rozdělit, ale pro jiné účely než sémantiku. Já bych zabalit oblast obsahu v divizi, pokud dělám tak čistě, aby si sám "hák" používat s CSS. Nemusí to být zřetelný úsek obsahu založený na sémantikách, ale je to něco, co diktuji, abych dosáhl rozvržení, které chci pro svou stránku.
Je to všechno o sémantikách
To je těžké pojetí pochopit, ale jediný rozdíl mezi DIV element a SEKCE prvkem je sémantika. Jinými slovy, je to význam části kódu, kterou rozdělujete.
Jakýkoli obsah, který je obsažen uvnitř a DIV element nemá žádný vlastní význam. Nejlépe se používá pro věci jako:
- CSS styly a háčky pro styly CSS
- Rozvržení kontejnerů
- JavaScript háčky
- Rozdělení pro HTML, které usnadní čtení
The DIV Prvek byl jediným prvkem, který jsme použili pro přidávání háčků ke stylu našich dokumentů a vytváření sloupců a fantazijních rozvržení. Z tohoto důvodu jsme skončili s HTML, který byl plný DIV prvky - co mohou weboví designéři nazvat "divití". Byly tam dokonce WYSIWYG editoři, kteří používali DIV výhradně. Vlastně jsem běžel přes HTML, který používá DIV element namísto odstavců!
Pomocí kódu HTML5 můžeme začít používat prvky roztřídění pro vytváření sémantičtějších dokumentů (s použitím navigačních a popisných čísel a podobně) a také definovat styly na těchto prvcích.
Co je o prvku SPAN?
Dalším prvkem, o kterém si většina lidí myslí, když si myslí DIV prvek je prvek. Tento prvek, jako DIV, není sémantický prvek. Jedná se o inline element, který můžete použít k přidání háků pro styly a skripty kolem vložených bloků obsahu (obvykle text). V tomto smyslu je to přesně jako DIV element, pouze inline než blokový prvek. V některých ohledech může být snadnější přemýšlet o tom DIV jako bloková úroveň ROZPĚTÍ prvku a použijte jej stejně, jako byste ROZPĚTÍ pouze pro celé bloky obsahu HTML.
V HTML5 není k dispozici žádný srovnatelný vložený element.
Pro starší verze aplikace Internet Explorer
Dokonce i když dramaticky podporujete starší verze IE (jako IE 8 a nižší), které spolehlivě nerozpoznávají HTML5, neměli byste mít strach používat sémanticky správné HTML značky. Sémantika vám pomůže s vaším týmem spravovat stránku v budoucnu (protože budete vědět, že se jedná o článek, pokud je obklopen ČLÁNEK živel). Navíc prohlížeče, které rozpoznávají tyto značky, je budou lépe podporovat.
Můžete stále používat prvky sémantického dělení HTML5 s aplikací Internet Explorer, stačí přidat skript a možná i několik okolních prostředí DIV prvky, které jim umožňují rozpoznat značky jako HTML.
Použití prvků DIV a SECTION
Pokud je používáte správně, můžete použít obě DIV a SEKCE prvky společně v platném dokumentu HTML5. Jak jste zde viděli v tomto článku, použijete SEKCE element pro definování sémanticky diskrétních částí obsahu a použijete DIV jako háčky pro CSS a JavaScript, stejně jako definování rozvržení, které nemá sémantický význam.
Původní článek Jennifer Krynin. Upraveno Jeremy Girard na 15.3.17
