Nový HTML5
SEKCE element může být poněkud matoucí. Pokud jste před HTML5 vytvářeli dokumenty HTML, pravděpodobně už používáte tento prvek k vytvoření strukturálních dělení na vašich stránkách a následně s nimi stylujte stránky. Takže může připadat jako přirozená věc jednoduše nahradit stávající
DIV prvky s
SEKCE Prvky. To je však technicky nesprávné. Takže pokud nechcete jen nahradit
DIV prvky s
SEKCE prvky, jak je používáte správně?
Prvek SECTION je sémantický prvek
První věc, kterou je pochopit, je, že
SEKCE element je sémantický prvek. To znamená, že poskytuje význam jak uživatelským agentům, tak i lidem informace o obsahu přiloženého obsahu - konkrétně části dokumentu.
To se může zdát jako velmi obecný sémantický popis, a to proto, že je. Existují i další prvky HTML5, které poskytují více sémantického rozlišení obsahu, které byste měli použít předtím, než použijete
SEKCE živel:
-
ČLÁNEK
-
STRANOU
-
NAV
Kdy použít Prvek SECTION
Použijte
ČLÁNEK element, pokud je obsah samostatnou součástí webu, který může být samostatný a bude syndikován jako článek nebo blogový příspěvek. Použijte
STRANOU když je obsah tangenciálně spojen s obsahem stránky nebo samotného webu, jako jsou například postranní lišty, poznámky, poznámky pod čarou nebo související informace o webu. Použijte
NAV prvku pro obsah, který je navigací.
The
SEKCE element je obecný sémantický prvek. Používáte jej, pokud není vhodný žádný z ostatních sémantických prvků kontejneru. Používáte jej k tomu, abyste spolu spojili část dokumentu do diskrétních jednotek, které můžete nějakým způsobem označit za příbuzné. Pokud nemůžete popsat prvky v sekci v jedné nebo dvou větách, pravděpodobně byste tento prvek neměli používat.
Místo toho byste měli použít
DIV živel. The
DIV element v HTML5 je ne-sémantický kontejnerový prvek. Pokud se obsah, který se pokoušíte spojit, nemá sémantický význam, ale stále jej musíte kombinovat pro styling, pak
DIV prvek je vhodným prvkem pro použití.
Jak funguje prvek SECTION
Část dokumentu se může objevit jako vnější obal pro články a
STRANOU Prvky. Může obsahovat i obsah, který není součástí
ČLÁNEK nebo
STRANOU. A
SEKCE element může být také nalezen uvnitř
ČLÁNEK,
NAV, nebo
STRANOU. Dokonce můžete vnořit části, které označují, ž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 měli mít vždy element záhlaví (
H1 přes
H6) jako součást sekce. Pokud nemůžete přijít s názvem oddílu, pak znovu
DIV je pravděpodobně vhodnější. Nezapomeňte, že pokud nechcete, aby se název stránky zobrazoval na stránce, můžete ji vždy maskovat pomocí CSS.
Pokud nepoužíváte prvek SECTION
Kromě výše uvedených pokynů, abyste použili nejprve specifické sémantické prvky, existuje jedna určitá oblast, kterou byste neměli používat
SEKCE prvek: pouze pro styl.
Jinými slovy, pokud jediným důvodem, proč umístíte prvek na toto místo, je připojit vlastnosti stylu CSS, neměli byste použít a
SEKCE živel. Najděte sémantický prvek nebo použijte
Nakonec to nemusí mít záležitost
Složitost při psaní sémantického HTML je, že to, co je pro mě sémantické, může být pro vás nesmírným nesmyslem. Pokud máte pocit, že můžete použít oprávnění
SEKCE prvku v dokumentech, pak byste ho měli použít. Většina uživatelských agentů se nestará a zobrazí stránku tak, jak by se dalo očekávat, zda budete stylovat a
DIV nebo a
SEKCE.
Pro designéry, kteří chtějí být sémanticky správní, pomocí
SEKCE prvkem sémanticky platným způsobem. Pro designéry, kteří chtějí, aby jejich stránky fungovaly, to není tak důležité. Domníváme se, že psaní sémanticky platného kódu HTML je dobrá praxe a udržuje stránky v budoucnu bezpečnější. Ale nakonec je to na vás.
