Volgens de W3C, het ID-attribuut in HTML isa unieke identificatie voor het element. Het biedt een manier om een gebied van een webpagina te identificeren voor CSS-stijlen, ankerlinks en doelen voor scripts.
Waar wordt het ID-kenmerk voor gebruikt?
Het ID-kenmerk voert verschillende acties uit voor webpagina's:
- Een stijlbladkiezer: Dit is de functie waarvoor de meeste mensen het ID-attribuut gebruiken. Omdat ze uniek zijn, style je slechts dat ene item op je webpagina wanneer je een ID-property gebruikt. Het nadeel van het gebruik van een ID voor stylingdoeleinden is dat het een zeer hoge mate van specificiteit heeft, wat het erg uitdagend kan maken als je later om de een of andere reden een stijl moet overschrijven stijlblad. Daarom neigen de huidige webpraktijken naar het gebruik van klassen en klassenkiezers in plaats van ID's en ID-kiezers voor algemene stijldoeleinden.
- Benoemde ankers om te linken naar: web browsers target precieze locaties in uw webdocumenten door te verwijzen naar de ID aan het einde van de URL. Voeg de id toe aan het einde van de pagina-URL, voorafgegaan door een hekje. Link naar deze ankers met de pagina zelf door de hash-tag en de ID-naam toe te voegen in de href attribuut voor het element. Bijvoorbeeld voor een divisie met een ID van contact, link ernaar op die pagina met #contact.
- Een referentie voor scripts: Als u Javascript-functies schrijft, gebruik dan het ID-attribuut zodat u wijzigingen kunt aanbrengen in het precieze element op de pagina met uw scripts.
- Andere verwerking: De id ondersteunt de verwerking binnen uw webdocumenten op elke gewenste manier. U kunt bijvoorbeeld de HTML extraheren in een database en het ID-kenmerk gebruiken om velden te identificeren.
Regels voor het gebruik van het ID-kenmerk
Zorg ervoor dat uw ID-kenmerken voldoen aan deze drie normen:
- Het ID moet beginnen met een letter (a-z of A-Z).
- Alle volgende tekens kunnen letters, cijfers (0-9), koppeltekens (-), onderstrepingstekens (_), dubbele punten (:) en punten (.) zijn.
- Elke ID moet uniek zijn binnen het document.
Het ID-kenmerk gebruiken
Nadat u een uniek element van uw website heeft geïdentificeerd, gebruikt u stylesheets om precies dat ene element te stylen.
Om bijvoorbeeld een ID te identificeren met de titel contact, gebruik een van deze formulieren:
div#contact { achtergrond: #0cf;}
#contact { achtergrond: #0cf;}
Het eerste voorbeeld is gericht op een divisie met een ID-attribuut van contact. De tweede richt zich nog steeds op het element met een ID van contact, het zou alleen niet aangeven dat het een divisie is. Het eindresultaat van de styling zou precies hetzelfde zijn.
U kunt ook naar dat specifieke element linken zonder tags toe te voegen.
Verwijs naar die paragraaf in je scripts met de getElementById JavaScript-methode:
document.getElementById("contact-sectie")
ID-attributen zijn nog steeds erg handig in HTML, hoewel klassenkiezers hebben ze vervangen voor de meeste algemene stylingdoeleinden. Het ID-attribuut gebruiken als een haak voor stijlen, terwijl het ze ook gebruikt als ankers voor links of doelen voor scripts, betekent dat ze vandaag de dag nog steeds een belangrijke plaats innemen in webdesign.