De nieuwe HTML5
SECTIE element kan enigszins verwarrend zijn. Als u HTML-documenten vóór HTML5 heeft gemaakt, is de kans groot dat u het element al gebruikt om structurele scheidingen in uw pagina's te maken en vervolgens de pagina's er mee stijl te geven. Het lijkt dus vanzelfsprekend om uw bestaande gewoonweg te vervangen
DIV elementen met
SECTIE elementen. Maar dit is technisch incorrect. Dus als je niet alleen maar vervangt
DIV elementen met
SECTIE elementen, hoe gebruik je ze correct?
Het SECTIE-element is een semantisch element
Het eerste dat je moet begrijpen is dat het
SECTIE element is een semantisch element. Dit betekent dat het betekenis geeft aan zowel gebruikersagenten als mensen over wat de bijgevoegde inhoud is, met name een deel van het document.
Dit lijkt misschien een heel algemene semantische beschrijving, en dat is omdat het zo is. Er zijn andere HTML5-elementen die meer semantische onderscheidingen bieden voor uw inhoud die u eerst zou moeten gebruiken voordat u de
SECTIE element:
-
ARTIKEL
-
OPZIJ
-
NAV
Wanneer moet u het SECTIE-element gebruiken
Gebruik de
ARTIKEL element wanneer de inhoud een onafhankelijk onderdeel van de site is dat op zichzelf staat en gesyndiceerd is zoals een artikel of blogpost. Gebruik de
OPZIJ element wanneer de inhoud tangentieel gerelateerd is aan de inhoud van de pagina of de site zelf, zoals zijbalken, annotaties, voetnoten of bijbehorende sitegegevens. Gebruik de
NAV element voor inhoud die navigatie is.
De
SECTIE element is een generiek semantisch element. U gebruikt het wanneer geen van de andere semantische containerelementen geschikt is. U gebruikt het om delen van uw document samen te voegen tot afzonderlijke eenheden die u op de een of andere manier als verwant kunt omschrijven. Als u de elementen in de sectie niet in één of twee zinnen kunt beschrijven, moet u het element waarschijnlijk niet gebruiken.
Gebruik in plaats daarvan de
DIV element. De
DIV element in HTML5 is een niet-semantisch containerelement. Als de inhoud die u probeert te combineren geen semantische betekenis heeft, maar u deze nog steeds moet combineren om te stijlen, dan is de
DIV element is het juiste element om te gebruiken.
Hoe het SECTIE-element werkt
Een gedeelte van uw document kan worden weergegeven als de buitenste container voor artikelen en
OPZIJ elementen. Het kan ook inhoud bevatten die geen deel uitmaakt van een
ARTIKEL of
OPZIJ. EEN
SECTIE element is ook te vinden binnen een
ARTIKEL,
NAVof
OPZIJ. U kunt zelfs secties nesten om aan te geven dat een groep inhoud een sectie is van een andere groep inhoud die een sectie is van een artikel of de pagina als geheel.
De
SECTIE element maakt items binnen een omtrek van het document. En als zodanig moet je altijd een header-element hebben (
H1 door
H6) als onderdeel van de sectie. Als u geen titel voor de sectie kunt verzinnen, dan is de
DIV element is waarschijnlijk meer geschikt. Onthoud dat als u niet wilt dat de sectietitel op de pagina verschijnt, u deze altijd kunt maskeren met CSS.
Wanneer het SECTION Element niet wordt gebruikt
Naast het bovenstaande advies om eerst de meer specifieke semantische elementen te gebruiken, is er één bepaald gebied dat u niet zou moeten gebruiken
SECTIE element: alleen voor stijl.
Met andere woorden, als de enige reden waarom u een element op die plaats plaatst, is om CSS-stijleigenschappen te koppelen, moet u geen a gebruiken
SECTIE element. Zoek een semantisch element of gebruik de
DIV element in plaats daarvan.
Uiteindelijk kan het niet van belang zijn
Een moeilijkheid bij het schrijven van semantische HTML is dat wat semantisch voor mij is, voor jou volslagen onzin is. Als u denkt dat u het gebruik van de. Kunt rechtvaardigen
SECTIE element in uw documenten, dan zou u het moeten gebruiken. De meeste gebruikersagenten maken zich niet druk en zullen de pagina weergeven zoals je zou verwachten, of je nu een stijl hebt
DIV of a
SECTIE.
Voor ontwerpers die graag semantisch correct zijn, met behulp van de
SECTIE element op een semantisch geldige manier is belangrijk. Voor ontwerpers die alleen maar willen dat hun pagina's werken, is dat niet zo belangrijk. Wij zijn van mening dat het schrijven van semantisch geldige HTML goede praktijken is en ervoor zorgt dat de pagina's toekomstbestendig blijven. Maar uiteindelijk is het aan jou.
