Szerint a W3C, az ID attribútum a HTML az elem egyedi azonosítója. Ez lehetővé teszi a weblap egy területének azonosítását a CSS-stílusok, a horgony linkek és a szkriptek céljai számára.
Mire használják az azonosító attribútumot?
Az ID attribútum számos műveletet hajt végre a weboldalaknál:
- Stíluslap választó: Ez a funkció a legtöbb ember használja az ID attribútumot. Mivel egyediek, csak egy elemet fog stílusozni a weblapján, ha ID-tulajdonság használatával stílusoz. Az azonosító stílushasználatának hátránya, hogy nagyon magas a specifikussága, ami nagyon kihívást jelenthet, ha valamilyen oknál fogva felül kell írnia egy stílust a későbbiekben a stíluslap. Emiatt a jelenlegi internetes gyakorlatok az osztályok és az osztályválasztók használatát használják az azonosítók és az azonosító-választók helyett általános stílusú célokra.
- Nevezett horgonyok a linkeléshez: Web böngészők célozzon meg pontos helyeket a webdokumentumokban úgy, hogy rámutat az URL végén található azonosítóra. Adja hozzá az azonosítót az oldal URL-jének végéhez, előtte egy kivonatjelet. Linkelje ezeket a horgonyokat magával az oldallal a hash tag és az ID név hozzáadásával a href attribútum az elemhez. Például egy divízióhoz, amelynek azonosítója: kapcsolatba lépni, linkelje azon az oldalon a #kapcsolatba lépni.
- Hivatkozás a szkriptekre: Ha bármilyen Javascript-funkciót ír, használja az ID attribútumot, hogy a szkriptjeivel módosítsa az oldal pontos elemét.
- Egyéb feldolgozás: Az azonosító bármilyen módon támogatja a webes dokumentumok feldolgozását. Például kibonthatja a HTML-t egy adatbázisba, és az ID attribútummal azonosíthatja a mezőket.
Az azonosító attribútum használatának szabályai
Győződjön meg arról, hogy azonosító attribútumai megfelelnek a következő három szabványnak:
- Az azonosítónak betűvel kell kezdődnie (a-z vagy A-Z).
- Minden további karakter lehet betű, szám (0–9), kötőjel (-), aláhúzás (_), kettőspont (:) és pont (.).
- Minden azonosítónak egyedinek kell lennie a dokumentumban.
Az ID attribútum használata
Miután azonosította webhelyének egyedi elemét, használja stíluslapok hogy csak azt az egy elemet formázza.
Például azonosítani a címet kapcsolatba lépni, használja a következő formák egyikét:
div # contact {háttér: # 0cf;}
#contact {background: # 0cf;}
Az első minta egy olyan divíziót céloz meg, amelynek azonosító attribútuma: kapcsolatba lépni. A második továbbra is az elemet célozza meg azonosítóval kapcsolatba lépni, csak nem írná elő, hogy ez egy felosztás. A stílus végeredménye pontosan ugyanaz lenne.
Címkék hozzáadása nélkül is hivatkozhat az adott elemre.
Hivatkozzon arra a bekezdésre a szkriptekben a getElementById JavaScript módszer:
document.getElementById ("contact-section")
Az ID attribútumok még mindig nagyon hasznosak a HTML-ben osztályválasztók a legáltalánosabb stíluscélok érdekében cserélték ki őket. Az ID attribútum kampóként történő használata a stílusoknál, miközben horgonyként is használják őket a szkriptek linkjeihez vagy célpontjaihoz, azt jelenti, hogy ma is fontos helyet foglalnak el a webdesignban.