Hva er ID-attributtet?

Et ID-attributt kaller ut en bestemt del av en nettside

kr7ysztof / Getty Images

IfølgeW3C, ID-attributtet i HTML er en unik identifikator for elementet. Det gir en måte å identifisere et område på en nettside for CSS-stiler, ankerlenker og mål for skript.

Hva brukes ID-attributtet til?

ID-attributtet utfører flere handlinger for nettsider:

En stilarkvelger: Dette er funksjonen de fleste bruker ID-attributtet til. Fordi de er unike, vil du style bare det ene elementet på nettsiden din når du styler med en ID-egenskap. Ulempen med å bruke en ID til stylingformål er at den har et veldig høyt nivå av spesifisitet, noe som kan gjøre det svært utfordrende hvis du av en eller annen grunn trenger å overstyre en stil senere i et stilark. På grunn av dette lener dagens nettpraksis mot å bruke klasser og klassevelgere i stedet for ID-er og ID-velgere for generelle stylingformål. Navngitte ankere for kobling til: Nettlesere målrett nøyaktige steder i nettdokumentene dine ved å peke på ID-en på slutten av URL-en. Legg til id-en på slutten av sidens URL, etterfulgt av et hash-merke. Koble til disse ankrene med selve siden ved å legge til hash-taggen og ID-navnet i href attributt for elementet. For eksempel for en avdeling med en ID på ta kontakt med , lenke til den på den siden med #ta kontakt med . En referanse for manus: Hvis du skriver noen Javascript-funksjoner, bruk ID-attributtet slik at du kan gjøre endringer i det nøyaktige elementet på siden med skriptene dine. Annen behandling: ID-en støtter behandling i webdokumentene dine uansett hvilken måte du trenger. Du kan for eksempel trekke ut HTML-en i en database og bruke ID-attributtet til å identifisere felt.

Regler for bruk av ID-attributtet

Sørg for at ID-attributtene dine samsvarer med disse tre standardene:

• ID-en må starte med en bokstav (a-z eller A-Z).
• Alle påfølgende tegn kan være bokstaver, tall (0-9), bindestreker (-), understreker (_), kolon (:) og punktum (.).
• Hver ID må være unik i dokumentet.

Bruke ID-attributtet

Etter at du har identifisert et unikt element på nettstedet ditt, bruk stilark å style bare det ene elementet.

For eksempel for å identifisere en ID med tittelen ta kontakt med , bruk ett av disse skjemaene:

|_+_| |_+_|

Den første prøven retter seg mot en divisjon med en ID-attributt på ta kontakt med . Den andre målretter fortsatt mot elementet med en ID på ta kontakt med , det ville bare ikke betinge at det er en divisjon. Sluttresultatet av stylingen ville være nøyaktig det samme.

Du kan også koble til det spesifikke elementet uten å legge til noen tagger.

Referer til det avsnittet i skriptene dine med getElementById JavaScript-metode:

|_+_|

ID-attributter er fortsatt veldig nyttige i HTML, selv om klassevelgere har erstattet dem for de fleste generelle stylingformål. Å bruke ID-attributtet som en krok for stiler, samtidig som de brukes som ankere for lenker eller mål for skript, betyr at de fortsatt har en viktig plass i webdesign i dag.