Kedy použiť element HTML5 SECTION

click fraud protection

Nový HTML5 oddiel prvok môže byť trochu mätúci. Ak ste vytvorili dokumenty HTML pred HTML5, je pravdepodobné, že už prvok používate na vytváranie štruktúrnych rozdelení na svojich stránkach a na ich úpravu. Mohlo by sa teda javiť ako prirodzená vec jednoducho nahradiť svoje súčasné DIV prvky s oddiel prvkov. Ale toto je technicky nesprávne.

Element „sekcie“ je sémantický prvok

The SEKCIA prvok je a sémantický element; poskytuje užívateľským agentom aj ľuďom význam toho, čo je priložený obsah - konkrétne časť dokumentu.

Môže sa to zdať ako veľmi všeobecný popis, a to preto, že je. Existujú aj iné Prvky HTML5 ktoré poskytujú sémantickejšie rozlíšenie vášho obsahu, ktoré by ste mali najskôr použiť pred použitím oddiel element:

  • Článok
  • Bokom
  • Nav

Kedy použiť prvok „sekcia“

Použi článok prvok, keď je obsah nezávislou časťou webu, ktorá môže byť samostatná a syndikovaná ako článok alebo blogový príspevok. Použi stranou prvok, keď obsah tangenciálne súvisí buď s obsahom stránky, alebo so samotným webom, ako sú napríklad bočné pruhy, anotácie, poznámky pod čiarou alebo súvisiace informácie o webe. Použi

instagram viewer
nav prvok pre obsah, ktorý podporuje navigáciu po stránkach.

The oddiel prvok je všeobecný sémantický prvok. Použite ho, keď nie je vhodný žiadny z ostatných prvkov sémantického kontajnera. Kombinuje časti vášho dokumentu do samostatných jednotiek, ktoré môžete nejakým spôsobom označiť za súvisiace. Ak neviete opísať prvky v sekcii jednou alebo dvoma vetami, pravdepodobne by ste element nemali používať.

Namiesto toho by ste mali použiť DIV element. The DIV prvok v HTML5 je nesémantický kontajnerový prvok. Ak obsah, ktorý sa pokúšate kombinovať, nemá sémantický význam, ale aj tak ho musíte skombinovať pre styling, potom DIV prvok je vhodný prvok, ktorý sa má použiť.

Ako funguje prvok „sekcia“

Časť vášho dokumentu sa môže javiť ako vonkajší kontajner na články a stranou prvkov. Môže tiež obsahovať obsah, ktorý nie je súčasťou súboru článok alebo stranou. A oddiel prvok sa nachádza aj vo vnútri súboru článok, navalebo stranou. Môžete dokonca vnoriť časti, aby ste označili, že jedna skupina obsahu je časťou inej skupiny obsahu, ktorá je časťou článku alebo stránky ako celku.

The oddiel prvok vytvorí položky vo vnútri obrysu dokumentu. Preto by ste vždy mali mať prvok hlavičky (H1 cez H6) ako súčasť oddielu. Ak nemôžete nájsť nadpis pre túto sekciu, kliknite na ikonu DIV prvok je asi vhodnejší.

Ak nechcete, aby sa názov sekcie zobrazoval na stránke, môžete ju kedykoľvek zamaskovať pomocou CSS.

Kedy nepoužívať prvok „sekcia“

Existuje jeden účel, pre ktorý by ste nemali používať oddiel prvok: iba pre štýl.

Inými slovami, ak jediný dôvod, prečo vkladáte prvok na toto miesto, je pripojenie Štýl CSS vlastnosti, nemali by ste používať a oddiel element. Nájsť sémantický prvok alebo použite DIV prvok.

Nakoniec to nemusí byť dôležité

Problémy s písaním sémantického HTML spočívajú v tom, že to, čo je pre prehliadač sémantické, pre vás môže byť úplný nezmysel. Ak máte pocit, že môžete použitie oddiel vo svojich dokumentoch, mali by ste ho použiť. Väčšinu agentov to nezaujíma a zobrazí stránku tak, ako by ste čakali, či upravujete štýl a DIV alebo a oddiel.

Pre návrhárov, ktorí chcú byť sémanticky správni, používajú znak oddiel prvok sémanticky platným spôsobom je dôležitý. Pre dizajnérov, ktorí chcú, aby iba ich stránky fungovali, to nie je také dôležité. Písanie sémanticky platného kódu HTML je osvedčený postup a udržuje stránky v budúcnosti. Ale nakoniec je to na vás.

instagram story viewer