Ifølge W3C, ID-attributten i HTML er en unik identifikator for elementet. Det giver en måde at identificere et område på en webside til CSS-stilarter, ankerlink og mål for scripts.
Hvad bruges ID-attributten til?
ID-attributten udfører flere handlinger for websider:
- En stilarkvælger: Dette er den funktion, som de fleste bruger ID-attributten til. Fordi de er unikke, styler du kun det ene element på din webside, når du styler ved hjælp af en ID-ejendom. Ulempen ved at bruge et ID til stylingformål er, at det har et meget højt niveau af specificitet, hvilket kan gøre det meget udfordrende, hvis du har brug for at tilsidesætte en stil af en eller anden grund senere i en stilark. På grund af dette læner nuværende webpraksis sig mod at bruge klasser og klassevælgere i stedet for ID'er og ID-vælgere til generelle stylingsformål.
- Navngivne ankre til at linke til: Webbrowsere målrette mod præcise placeringer i dine webdokumenter ved at pege på ID'et i slutningen af URL'en. Føj id'et til slutningen af sidens URL, efterfulgt af et hash-mærke. Link til disse ankre med selve siden ved at tilføje hash-tagget og ID-navnet i href attribut for elementet. For eksempel til en division med ID på kontakt, link til den på den side med #kontakt.
- En reference til scripts: Hvis du skriver nogen Javascript-funktioner, skal du bruge ID-attributten, så du kan foretage ændringer i det nøjagtige element på siden med dine scripts.
- Anden behandling: Id'et understøtter behandling i dine webdokumenter på den måde, du har brug for. For eksempel kan du udtrække HTML i en database og bruge ID-attributten til at identificere felter.
Regler for brug af ID-attributten
Sørg for, at dine ID-attributter overholder disse tre standarder:
- ID'et skal starte med et bogstav (a-z eller A-Z).
- Alle efterfølgende tegn kan være bogstaver, tal (0-9), bindestreger (-), understregninger (_), kolon (:) og punktum (.).
- Hvert id skal være unikt i dokumentet.
Brug af ID-attributten
Når du har identificeret et unikt element på dit websted, skal du bruge stilark at style netop det ene element.
For eksempel at identificere et id med titlen kontakt, brug en af disse former:
div # kontakt {baggrund: # 0cf;}
#contact {baggrund: # 0cf;}
Den første prøve retter sig mod en division med en ID-attribut på kontakt. Den anden målretter stadig elementet med et ID på kontakt, det ville bare ikke bestemme, at det er en division. Slutresultatet af stylingen ville være nøjagtigt det samme.
Du kan også linke til det specifikke element uden at tilføje nogen tags.
Henvis til dette afsnit i dine scripts med getElementById JavaScript-metode:
document.getElementById ("kontaktsektion")
ID-attributter er stadig meget nyttige i HTML, selvom klassevælgere har erstattet dem til de fleste generelle stylingsformål. Brug af ID-attributten som en krog til stilarter, mens den også bruges som ankre til links eller mål for scripts, betyder at de stadig har en vigtig plads i webdesign i dag.