Den nya HTML5 sektion kan vara lite förvirrande. Om du har byggt HTML-dokument innan HTML5 är chansen att du redan använder elementet för att skapa strukturella uppdelningar på dina sidor och sedan utforma sidorna med dem. Så det kan verka som en naturlig sak att helt enkelt ersätta din befintliga DIV element med sektion element. Men det här är tekniskt felaktigt.
'Avsnittet' Element är ett semantiskt element
De SEKTION elementet är ett semantisk element; det ger både användaragenter och människor mening om vad det bifogade innehållet är - specifikt en del av dokumentet.
Det här kan verka som en mycket allmän beskrivning, och det beror på att det är det. Det finns andra HTML5-element som ger mer semantiska skillnader i ditt innehåll som du bör 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 oberoende del av webbplatsen som kan stå fristående och syndikeras som en artikel eller ett blogginlägg. Använd
åt sidan element när innehållet är tangentiellt relaterat till antingen innehållet på sidan eller själva webbplatsen, såsom sidofält, anteckningar, fotnoter eller tillhörande webbplatsinformation. Använd nav element för innehåll som stöder webbplatsnavigering.De sektion element är ett generiskt semantiskt element. Använd den när inget av de andra semantiska behållarelementen är lämpliga. Den kombinerar delar av ditt dokument till 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, borde du förmodligen inte använda elementet.
Istället bör du använda DIV element. De DIV element i HTML5 är ett icke-semantiskt containerelement. Om innehållet du försöker kombinera inte har en semantisk betydelse, men du ändå behöver kombinera det för styling, då DIV elementet är lämpligt element att använda.
Hur "avsnittet" Element fungerar
Ett avsnitt 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. A sektion element kan också hittas inuti en artikel, nav, eller åt sidan. Du kan till och med bo sektioner för att ange att en grupp av innehåll är en sektion 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, kommer DIV är förmodligen mer lämpligt.
Om du inte vill att sektionstiteln ska visas på sidan kan du alltid maskera den med CSS.
När ska man inte använda avsnittet "Element"
Det finns ett syfte för vilket 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 fästa CSS-stil egenskaper ska du inte använda en sektion element. Hitta en semantiskt element eller använd DIV element istället.
I slutändan kanske det inte spelar någon roll
En svårighet med att skriva semantisk HTML är att det som är semantiskt för webbläsaren kan vara helt nonsens för dig. Om du känner att du kan motivera att använda sektion element i dina dokument, bör du använda det. De flesta användaragenter bryr sig inte och kommer att visa sidan som du kan förvänta dig om du utformar en DIV eller a sektion.
För designers som gillar att vara semantiskt korrekta använder de sektion element på ett semantiskt giltigt sätt är viktigt. För designers som bara vill att deras sidor ska fungera är det inte lika viktigt. Att skriva semantiskt giltig HTML är god praxis och håller sidorna mer framtidssäkra. Men i slutändan är det upp till dig.