Enligt W3C, ID-attributet i HTML är en unik identifierare för elementet. Det ger ett sätt att identifiera ett område på en webbsida för CSS-stilar, ankarlänkar och mål för skript.
Vad används ID-attributet till?
ID-attributet utför flera åtgärder för webbsidor:
- En stilarkväljare: Det här är den funktion som de flesta använder ID-attributet för. Eftersom de är unika utformar du bara ett objekt på din webbsida när du utformar med en ID-egenskap. Nackdelen med att använda ett ID för stylingsändamål är att det har en mycket hög nivå av specificitet, vilket kan göra det väldigt utmanande om du av någon anledning behöver åsidosätta en stil senare i a stilark. På grund av detta lutar nuvarande webbpraxis mot att använda klasser och klassväljare istället för ID och ID-väljare för allmänna stylingsändamål.
- Namngivna ankare för att länka till: webbläsare rikta in exakta platser i dina webbdokument genom att peka på ID i slutet av webbadressen. Lägg till id: t i slutet av webbadressen, föregås av ett hashmärke. Länk till dessa ankare med själva sidan genom att lägga till hash-taggen och ID-namnet i href attribut för elementet. Till exempel för en uppdelning med ID Kontakt, länk till den på den sidan med #Kontakt.
- En referens för skript: Om du skriver några Javascript-funktioner, använd ID-attributet så att du kan göra ändringar i det exakta elementet på sidan med dina skript.
- Annan bearbetning: Id stöder bearbetning i dina webbdokument på vilket sätt du behöver. Du kan till exempel extrahera HTML-filen i en databas och använda ID-attributet för att identifiera fält.
Regler för användning av ID-attributet
Se till att dina ID-attribut överensstämmer med dessa tre standarder:
- ID måste starta med en bokstav (a-z eller A-Z).
- Alla efterföljande tecken kan vara bokstäver, siffror (0-9), bindestreck (-), understrykning (_), kolon (:) och punkt (.).
- Varje ID måste vara unikt i dokumentet.
Med ID-attributet
När du har identifierat ett unikt inslag på din webbplats, använd stilark att utforma just det enda elementet.
Till exempel för att identifiera ett ID med titeln Kontakt, använd någon av dessa former:
div # contact {background: # 0cf;}
#contact {bakgrund: # 0cf;}
Det första exemplet riktar sig till en uppdelning med ett ID-attribut på Kontakt. Den andra riktar sig fortfarande mot elementet med ett ID på Kontakt, det skulle bara inte föreskriva att det är en uppdelning. Slutresultatet av stylingen skulle vara exakt detsamma.
Du kan också länka till det specifika elementet utan att lägga till några taggar.
Hänvisa till det stycket i dina skript med getElementById JavaScript-metod:
document.getElementById ("kontaktsektion")
ID-attribut är fortfarande mycket användbara i HTML, även om klassväljare har ersatt dem för de flesta allmänna stylingsändamål. Att använda ID-attributet som en krok för stilar, samtidigt som de används som ankare för länkar eller mål för skript, betyder att de fortfarande har en viktig plats i webbdesign idag.