Den nya HTML5
SEKTION element kan vara något förvirrande. Om du har byggt HTML-dokument före HTML5, riskerar du att du redan använder elementet för att skapa strukturella uppdelningar på dina sidor och sedan utforma sidorna med dem. Så det kan tyckas som en naturlig sak att helt enkelt ersätta din befintliga
DIV element med
SEKTION element. Men det här är tekniskt felaktigt. Så om du inte bara ersätter
DIV element med
SEKTION element, hur använder du dem korrekt?
SEKTION Elementet är ett semantiskt element
Det första att förstå är att
SEKTION elementet är ett semantiskt element. Det innebär att det ger mening åt både användaragenter och människor om vad det bifogade innehållet är specifikt en del av dokumentet.
Det kan tyckas som en mycket generell semantisk beskrivning, och det är för att det är. Det finns andra HTML5-element som ger mer semantiska skillnader till ditt innehåll som du ska använda först innan du använder
SEKTION element:
-
ARTIKEL
-
ÅT SIDAN
-
NAV
När ska du använda avsnittet Element
Använd
ARTIKEL element när innehållet är en självständig del av webbplatsen som kan stå ensam och vara syndikerad som en artikel eller bloggpost. Använd
ÅT SIDAN element när innehållet är tangentiellt relaterat till innehållet på sidan eller själva webbplatsen, som sidor, noteringar, fotnoter eller tillhörande webbplatsinformation. Använd
NAV element för innehåll som är navigering.
De
SEKTION elementet är ett generiskt semantiskt element. Du använder den när ingen av de andra semantiska behållarelementen är lämpliga. Du använder den för att kombinera delar av ditt dokument tillsammans i diskreta enheter som du kan beskriva som relaterade på något sätt. Om du inte kan beskriva elementen i avsnittet i en eller två meningar, ska du förmodligen inte använda elementet.
I stället borde du använda
DIV element. De
DIV element i HTML5 är ett icke-semantiskt behållarelement. Om innehållet du försöker kombinera inte har en semantisk mening, men du måste fortfarande kombinera den för styling, då
DIV element är det lämpliga elementet att använda.
Hur avsnittet element fungerar
En del av ditt dokument kan visas som den yttre behållaren för artiklar och
ÅT SIDAN element. Det kan också innehålla innehåll som inte ingår i en
ARTIKEL eller
ÅT SIDAN. en
SEKTION element kan också hittas inuti en
ARTIKEL,
NAV, eller
ÅT SIDAN. Du kan även bo på sektioner för att indikera att en grupp innehåll är en del av en annan innehållsgrupp som är en del av en artikel eller sidan som helhet.
De
SEKTION element skapar objekt i en kontur av dokumentet. Och som sådan bör du alltid ha ett huvudelement (
H1 genom
H6) som en del av avsnittet. Om du inte kan komma med en titel för avsnittet, så återigen
DIV elementet är förmodligen mer lämpligt. Kom ihåg att om du inte vill att sektionstiteln ska visas på sidan kan du alltid maskera den med CSS.
När du inte använder avsnittet Element
Utöver ovanstående råd för att använda de mer specifika semantiska elementen först finns det ett bestämt område som du inte ska använda
SEKTION Element: Endast för stil.
Med andra ord, om den enda anledningen till att du lägger ett element på den platsen är att bifoga CSS-stilegenskaper, ska du inte använda en
SEKTION element. Hitta ett semantiskt element eller använd
I slutändan kan det inte vara något
En svårighet att skriva semantisk HTML är att det som är semantiskt för mig kan vara fullständigt nonsens för dig. Om du känner att du kan motivera att använda
SEKTION element i dina dokument, då ska du använda det. De flesta användaragenterna bryr sig inte om och visar sidan som du kan förvänta dig om du stiler a
DIV eller a
SEKTION.
För designers som tycker om att vara semantiskt korrekta, använder du
SEKTION element på semantiskt giltigt sätt är viktigt. För designers som bara vill ha sina sidor att fungera, så är det inte lika viktigt. Vi tror att att skriva semantiskt giltig HTML är bra praxis och håller sidorna mer framtidsskyddade. Men i slutändan är det upp till dig.
