Ifølge W3C, ID-attributtet i HTML er en unik identifikator for elementet. Det gir en måte å identifisere et område på en webside for CSS-stiler, ankerlenker og mål for skript.
Hva brukes ID-attributtet til?
ID-attributtet utfører flere handlinger for websider:
- En stilarkvelger: Dette er funksjonen folk flest bruker ID-attributtet til. Fordi de er unike, styler du bare det ene elementet på websiden din når du styler ved hjelp av en ID-egenskap. Ulempen med å bruke en ID for stylingsformål er at den har et veldig høyt spesifisitetsnivå, som kan gjøre det veldig utfordrende hvis du trenger å overstyre en stil av en eller annen grunn senere i a stilark. På grunn av dette, lener nåværende praksis på nettet mot å bruke klasser og klassevalgere i stedet for ID-er og ID-velgere for generelle stylingsformål.
- Navngitte ankere for lenking til: Nettlesere målrette mot presise steder i nettdokumentene dine ved å peke på ID-en på slutten av URL-en. Legg til ID-en til slutten av siden URL, foran et hash-merke. Koble til disse ankerne med selve siden ved å legge til hash-taggen og ID-navnet i href attributt for elementet. For eksempel for en divisjon med ID på ta kontakt med, lenke til den på den siden med #ta kontakt med.
- En referanse for skript: 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 nettdokumentene dine på den måten du trenger. For eksempel kan du trekke ut HTML-en i en database og bruke ID-attributtet til å identifisere felt.
Regler for bruk av ID-attributtet
Forsikre deg om at ID-attributtene dine er i samsvar med disse tre standardene:
- ID-en må starte med en bokstav (a-z eller A-Z).
- Alle etterfølgende tegn kan være bokstaver, tall (0-9), bindestreker (-), understrekninger (_), 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 en av disse skjemaene:
div # contact {bakgrunn: # 0cf;}
#contact {bakgrunn: # 0cf;}
Det første eksemplet retter seg mot en divisjon med ID-attributtet på ta kontakt med. Den andre målretter fortsatt elementet med en ID på ta kontakt med, det ville bare ikke slå fast 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 koder.
Henvis til det avsnittet i skriptene dine med getElementById JavaScript-metode:
document.getElementById ("kontaktseksjon")
ID-attributter er fremdeles veldig nyttige i HTML, selv om klassevalg har erstattet dem for de fleste generelle stylingsformål. Å bruke ID-attributtet som en krok for stiler, mens du også bruker dem som ankere for lenker eller mål for skript, betyr at de fremdeles har en viktig plass i webdesign i dag.