Kdy použít prvek HTML5 SECTION

Nový HTML5 sekce prvek může být poněkud matoucí. Pokud jste vytvářeli dokumenty HTML před HTML5, je pravděpodobné, že již prvek používáte k vytváření strukturních rozdělení na svých stránkách a následnému stylování stránek pomocí nich. Mohlo by se tedy zdát jako přirozená věc jednoduše nahradit stávající DIV prvky s sekce elementy. Ale to je technicky nesprávné.

Prvek „sekce“ je sémantický prvek

The SEKCE prvek je a sémantický živel; poskytuje význam uživatelským agentům i lidem o tom, co je přiložený obsah - konkrétně část dokumentu.

Může se to zdát jako velmi obecný popis, a to proto, že je. Existují i ​​jiné Prvky HTML5, které vašemu obsahu poskytují sémantičtější rozdíly, které byste měli nejprve použít, než použijete sekce živel:

  • Článek
  • Stranou
  • Nav

Kdy použít prvek „sekce“

Použijte článek prvek, když je obsah nezávislou součástí webu, která může být samostatná a syndikovaná jako článek nebo blogový příspěvek. Použijte stranou prvek, když obsah tangenciálně souvisí s obsahem stránky nebo samotného webu, například postranní panely, poznámky, poznámky pod čarou nebo související informace o webu. Použijte

watch instagram stories
nav prvek pro obsah, který podporuje navigaci na webu.

The sekce element je obecný sémantický prvek. Použijte jej, když není vhodný žádný z ostatních prvků sémantického kontejneru. Kombinuje části vašeho dokumentu do samostatných jednotek, které můžete určitým způsobem popsat jako související. Pokud nemůžete popsat prvky v sekci v jedné nebo dvou větách, pravděpodobně byste prvek neměli používat.

Místo toho byste měli použít DIV živel. The DIV prvek v HTML5 je nesémantický kontejnerový prvek. Pokud obsah, který se pokoušíte kombinovat, nemá sémantický význam, ale přesto ho musíte kombinovat pro styling, pak DIV element je vhodný prvek, který se má použít.

Jak funguje prvek „sekce“

Část dokumentu se může zobrazit jako vnější kontejner pro články a stranou elementy. Může také obsahovat obsah, který není součástí článek nebo stranou. A sekce prvek lze také nalézt uvnitř článek, navnebo stranou. Můžete dokonce vnořit sekce, abyste označili, že jedna skupina obsahu je částí jiné skupiny obsahu, která je částí článku nebo stránky jako celku.

The sekce prvek vytvoří položky uvnitř obrysu dokumentu. A jako takový byste vždy měli mít prvek záhlaví (H1 přes H6) jako součást sekce. Pokud nemůžete přijít s názvem sekce, DIV prvek je pravděpodobně vhodnější.

Pokud si nepřejete, aby se název sekce zobrazoval na stránce, můžete ji kdykoli maskovat pomocí CSS.

Kdy nepoužívat prvek „sekce“

Existuje jeden účel, pro který byste neměli používat sekce prvek: pouze pro styl.

Jinými slovy, pokud jediným důvodem, proč vkládáte prvek na toto místo, je připojení Styl CSS vlastnosti, neměli byste používat a sekce živel. Najdi sémantický prvek nebo použijte DIV místo toho prvek.

Nakonec to nemusí být důležité

Potíž při psaní sémantického HTML spočívá v tom, že to, co je pro prohlížeč sémantické, pro vás může být naprostý nesmysl. Pokud máte pocit, že můžete použití sekce prvek ve svých dokumentech, měli byste jej použít. Většina uživatelských agentů se nestará a zobrazí stránku tak, jak byste očekávali, zda stylujete DIV nebo a sekce.

Pro designéry, kteří chtějí být sémanticky správní, pomocí sekce sémanticky platný prvek je důležitý. Pro designéry, kteří chtějí, aby jejich stránky fungovaly, to není tak důležité. Psaní sémanticky platného HTML je osvědčeným postupem a udržuje stránky více chráněné do budoucna. Ale nakonec je to na vás.

instagram story viewer