Når skal du bruke HTML5 SECTION Element

click fraud protection

Den nye HTML5 seksjon element kan være noe forvirrende. Hvis du har bygget HTML-dokumenter før HTML5, er sjansen stor for at du allerede bruker elementet til å lage strukturelle inndelinger på sidene dine og deretter style sidene med dem. Så det kan virke som en naturlig ting å bare erstatte den eksisterende DIV elementer med seksjon elementer. Men dette er teknisk feil.

'Seksjonen' Element er et semantisk element

De SEKSJON element er en semantisk element; det gir mening til både brukeragenter og mennesker om hva det vedlagte innholdet er - spesielt en del av dokumentet.

Dette kan virke som en veldig generell beskrivelse, og det er fordi den er det. Det er andre HTML5-elementer som gir mer semantiske skiller til innholdet ditt som du bør bruke først før du bruker seksjon element:

  • Artikkel
  • Bortsett fra
  • Nav

Når skal du bruke 'seksjonen' Element

Bruke artikkel element når innholdet er en uavhengig del av nettstedet som kan stå alene og bli syndikert som en artikkel eller et blogginnlegg. Bruke

instagram viewer
til side element når innholdet er tangentielt relatert til enten innholdet på siden eller selve nettstedet, for eksempel sidefelt, merknader, fotnoter eller tilknyttet sideinformasjon. Bruke nav element for innhold som støtter navigering på nettstedet.

De seksjon element er et generisk semantisk element. Bruk den når ingen av de andre semantiske containerelementene er passende. Den kombinerer deler av dokumentet ditt i diskrete enheter som du kan beskrive som relatert på en eller annen måte. Hvis du ikke kan beskrive elementene i seksjonen i en eller to setninger, bør du sannsynligvis ikke bruke elementet.

I stedet bør du bruke DIV element. De DIV element i HTML5 er et ikke-semantisk containerelement. Hvis innholdet du prøver å kombinere ikke har en semantisk betydning, men du fortsatt trenger å kombinere det for styling, så blir DIV elementet er det rette elementet å bruke.

Hvordan 'seksjonen' Element fungerer

En del av dokumentet kan vises som den ytre beholderen for artikler og til side elementer. Det kan også inneholde innhold som ikke er en del av et artikkel eller til side. EN seksjon element kan også bli funnet inne i en artikkel, nav, eller til side. Du kan til og med hekke seksjoner for å indikere at en innholdsgruppe er en del av en annen innholdsgruppe som er en del av en artikkel eller siden som helhet.

De seksjon element oppretter elementer i en disposisjon av dokumentet. Og som sådan, bør du alltid ha et topptekstelement (H1 gjennom H6) som en del av seksjonen. Hvis du ikke kan komme med en tittel for seksjonen, vil DIV element er sannsynligvis mer passende.

Hvis du ikke vil at seksjonstittelen skal vises på siden, kan du alltid maskere den med CSS.

Når ikke skal brukes 'seksjonen' Element

Det er ett formål du ikke bør bruke seksjon element: kun for stil.

Med andre ord, hvis den eneste grunnen til at du legger et element på det stedet, er å feste CSS-stil egenskaper, bør du ikke bruke en seksjon element. Finn en semantisk element eller bruk DIV element i stedet.

Til slutt kan det hende det ikke betyr noe

En vanskelighet med å skrive semantisk HTML er at det som er semantisk for nettleseren, kan være fullstendig tull for deg. Hvis du føler at du kan rettferdiggjøre å bruke seksjon element i dokumentene dine, så bør du bruke det. De fleste brukeragenter bryr seg ikke og vil vise siden slik du forventer om du styler a DIV eller a seksjon.

For designere som liker å være semantisk korrekte, bruker de seksjon element på en semantisk gyldig måte er viktig. For designere som bare vil at sidene skal fungere, er det ikke like viktig. Å skrive semantisk gyldig HTML er god praksis og holder sidene mer fremtidssikrede. Men til slutt er det opp til deg.

instagram story viewer