A kedy používať ČLÁNKY, ASIDE a DIV
Nový prvok SECTION SECTION môže byť trochu mätúci. Ak vytvárate HTML dokumenty pred HTML5, je pravdepodobné, že už tento prvok používate na vytvorenie štrukturálnych rozdelení v rámci vašich stránok a následne ich štýlu utvárajte. Tak by sa mohlo zdať, že je prirodzené, ak chcete jednoducho nahradiť existujúce prvky DIV s prvkami SECTION. Ale je to technicky nesprávne. Ak teda nielen nahradíte prvky DIV elementmi SECTION, ako ich použijete správne?
Prvok SECTION je sémantický prvok
Prvá vec, ktorú je potrebné pochopiť, je, že prvok SECTION je sémantický prvok. Znamená to, že poskytuje význam používateľom aj ľuďom informácie o obsahu priloženého obsahu - konkrétne časť dokumentu.
Toto sa môže zdať ako veľmi všeobecný sémantický opis, a to preto, že to je. Existujú aj ďalšie prvky HTML5, ktoré poskytujú väčší sémantický rozdiel vo vašom obsahu, ktorý by ste mali použiť pred prvým použitím prvku SECTION:
- Článok
- ODPOR
- NAV
Kedy používať prvok SECTION
Používajte prvok ČLÁNEK, keď je obsah samostatnou súčasťou stránky, ktorá môže byť samostatná a bude syndikovaná ako článok alebo blogový príspevok. Použite prvok ASIDE, keď je obsah tangenciálne spojený buď s obsahom stránky, alebo s vlastnou stránkou, ako sú napríklad postranné lišty, anotácie, poznámky pod čiarou alebo súvisiace informácie o webových stránkach. Použite prvok NAV pre obsah, ktorý je navigácia.
Prvok SECTION je všeobecný sémantický prvok. Používate ho, keď nie je vhodný žiadny iný sémantický kontajner. Používate ho na kombinovanie častí dokumentu do diskrétnych jednotiek, ktoré môžete opísať ako súvisiace nejakým spôsobom. Ak nemôžete popísať prvky v sekcii v jednej alebo dvoch vetách, pravdepodobne by ste nemali prvok používať.
Namiesto toho by ste mali používať prvok DIV. Prvok DIV v HTML5 je ne-sémantický kontajnerový prvok. Ak sa obsah, ktorý sa pokúšate skombinovať, nemá sémantický význam, ale stále ho musíte kombinovať pre styling, potom prvok DIV je vhodným prvkom na použitie.
Ako funguje prvok SECTION
Časť dokumentu sa môže zobraziť ako vonkajší kontajner pre články a prvky ASIDE. Môže obsahovať aj obsah, ktorý nie je súčasťou ČLÁNKU alebo ASIDE. Prvok SECTION môže byť tiež nájdený v položke ARTICLE, NAV alebo ASIDE. Môžete dokonca vnorené časti označiť, že jedna skupina obsahu je časť inej skupiny obsahu, ktorá je časťou článku alebo celá stránka.
Prvok SECTION vytvára položky v obryse dokumentu. A ako taký by ste mali mať vždy časť hlavičky (H1 až H6) ako súčasť sekcie. Ak nemôžete nájsť názov sekcie, potom je pravdepodobne vhodnejší prvok DIV. Nezabúdajte, že ak nechcete, aby sa názov sekcie zobrazoval na stránke, vždy ho môžete maskovať pomocou CSS.
Ak nepoužívate prvok SECTION
Okrem uvedených odporúčaní, aby ste najprv použili špecifickejšie sémantické prvky, existuje jedna definovaná oblasť, v ktorej by ste nemali používať prvok SECTION: iba pre štýl.
Inými slovami, ak jediným dôvodom, prečo vložíte prvok na toto miesto, je pridať vlastnosti štýlu CSS, nemali by ste používať prvok SECTION. Nájdite sémantický prvok alebo použite prvok DIV.
Nakoniec to nemusí mat '
Problémom pri písaní sémantického HTML je, že to, čo je pre mňa sémantické, môže byť pre vás úplne nezmyselné. Ak máte pocit, že môžete odôvodniť použitie prvku SECTION vo vašich dokumentoch, mali by ste ho použiť. Väčšina používateľov agentov sa nestará a zobrazí stránku tak, ako by ste mohli očakávať, či štýl DIV alebo SEKCIA.
Pre návrhárov, ktorí chcú byť sémanticky správne, je dôležité používať prvok SECTION sémanticky platným spôsobom. Pre dizajnérov, ktorí chcú, aby ich stránky fungovali, nie je to tak dôležité. Verím, že písanie sémanticky platného kódu HTML je dobrou praxou a udržuje stránky v budúcnosti odolnejšie. Ale nakoniec je na vás.