Nový HTML5
ČASŤ prvok môže byť trochu mätúce. 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že to môže vyzerať ako prirodzená vec jednoducho nahradiť existujúce
DIV prvky s
ČASŤ prvky. Ale je to technicky nesprávne. Takže ak nie ste len nahradiť
DIV prvky s
ČASŤ prvky, ako ich správne používate?
Prvok SECTION je sémantický prvok
Prvá vec, ktorú treba pochopiť, je, že
ČASŤ element 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žívať ako prvé pred použitím
ČASŤ element:
-
Článok
-
ODPOR
-
NAV
Kedy používať prvok SECTION
Použi
Článok prvok, keď je obsah nezávislú súčasť stránky, ktorá môže byť samostatná a je syndikovaná ako článok alebo blogový príspevok. Použi
ODPOR prvok, keď obsah je tangenciálne spojený buď s obsahom stránky alebo s vlastnou stránkou, napríklad s bočnými panelmi, anotáciami, poznámkami pod čiarou alebo s informáciami o pridružených stránkach. Použi
NAV prvkom pre obsah, ktorý je navigácia.
ČASŤ prvok 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žiť
DIV element.
DIV prvok 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
DIV element je vhodným prvkom na použitie.
Ako funguje prvok SECTION
Časť vášho dokumentu sa môže zobraziť ako vonkajší kontajner pre články a
ODPOR prvky. Môže obsahovať aj obsah, ktorý nie je súčasťou
Článok alebo
ODPOR,
ČASŤ prvok sa tiež nachádza vo vnútri
Článok,
NAV, alebo
ODPOR, 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.
ČASŤ prvok vytvára položky v obryse dokumentu. A ako taký by ste mali mať vždy prvok hlavičky (
H1 skrz
H6) ako súčasť tohto oddielu. Ak nemôžete pridať názov sekcie, znova znova
DIV prvok je pravdepodobne vhodnejší. 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ť, ktorú by ste nemali používať
ČASŤ prvok: 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ť a
ČASŤ element. Nájdite sémantický prvok alebo použite
Nakoniec to nemôže mať vplyv
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 použiť oprávnenie
ČASŤ prvku vo svojich 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 a
DIV alebo a
ČASŤ.
Pre návrhárov, ktorí majú záujem byť sémanticky správne, používajte
ČASŤ prvkom sémanticky platným spôsobom. Pre dizajnérov, ktorí chcú, aby ich stránky fungovali, nie je to tak dôležité. Veríme, že písanie sémanticky platného kódu HTML je dobrá prax a udržuje stránky v budúcnosti odolnejšie. Ale nakoniec je na vás.
