A weboldalak egyedi azonosítói
A W3C szerint a HTML-ben az ID attribútum:
az elem egyedi azonosítója
Ez nagyon egyszerű leírás egy nagyon erős attribútumról. Az azonosító attribútum számos műveletet végezhet a weboldalak számára:
- Egy stíluslapválasztó - Ez a funkció a legtöbb ember az azonosító attribútumát használja. Mivel egyedülállóak, biztos lehet benne, hogy a weboldalon csak az egyik tételt formázza, amikor egy azonosítót használó stílust készít. A hátránya annak, hogy egy azonosítót használjunk a styling célokra, hogy nagyon magas szintű a sajátossága, ami nagyon kihívást jelenthet ahhoz, hogy valamilyen oknál fogva felülírja a stílust egy későbbi stíluslapban. Emiatt az aktuális webes gyakorlatok hajlamosak az osztályok és osztálykiválasztók használatára az azonosító és az ID szelektorok helyett az általános stílusokhoz.
- A web böngészőkhöz való csatlakozáshoz megnevezett horgonyok lehetővé teszik, hogy pontosan megcélozzák a webes dokumentumokban az URL végén található azonosítót. Egyszerűen adja hozzá az azonosítót az oldal URL-jének végéhez, amelyet egy font-jel (#) követ. A horgonyokhoz az adott oldalon is hivatkozhat, ha hozzáadja a font-jelet (#) és az a elem href attribútumához tartozó azonosítót. Például ha van egy megosztottsága egy azonosítóval , akkor erre a linkre hivatkozhat:
Ez a linkszöveg - Hivatkozás a szkriptekhez - Ha bármilyen Javascript függvényt írsz, akkor az ID-attribútumot szeretnéd használni, hogy a parancsfájlokkal módosítsd az oldal pontos elemét.
- Egyéb feldolgozás - Az azonosító lehetővé teszi a webes dokumentumok feldolgozását a szükséges módon. Például kiválaszthatja a HTML-t egy adatbázisba, és az azonosító attribútum azonosítja a mezőket.
Az ID-attribútum használatának szabályai
Néhány szabályt kell követnie ahhoz, hogy érvényes dokumentumot használjon, amely a dokumentum bárhonnan bárhonnan használható id attribútumot használ:
- Az azonosítónak egy betűvel kell kezdődnie (az vagy AZ)
- Minden későbbi betű lehet betűk, számok (0-9), kötőjelek (-), aláhúzás (_), kettőspontok (:) és időszakok (.).
- Minden azonosítónak egyedinek kell lennie a dokumentumban. Miért?
Az ID-attribútum használata
Miután azonosította a webhely egy egyedi elemét, a stíluslapok segítségével egyetlen elemet is létrehozhat.
Lépjen kapcsolatba velünk
Van itt szöveges tartalom
div # contact-section {háttér: # 0cf;}
-vagy csak-
# kontakt-szakasz {háttér: # 0cf;}
A két szelektor közül bármelyik működni fog. Az első (div # kontakt-szekció) egy "contact-section" ID attribútummal rendelkező megosztást céloz. A második (# érintkezési szekció) továbbra is az "érintkezési szekció" azonosítójával célozta meg az elemet, csak nem tudja, hogy az, amit keres, egy megosztottság. A stílus végeredménye pontosan ugyanaz lenne.
A konkrét elemhez a címkék hozzáadása nélkül is linkelhet:
Kapcsolat a kapcsolattartókkal
A "getElementById" JavaScript-módszerrel a szkriptekben lévő bekezdés hivatkozása:
document.getElementById ( "érintkező-szakasz")
Az ID attribútumok még mindig nagyon hasznosak a HTML-ben, annak ellenére, hogy az osztálykiválasztók felváltotta őket a legtöbb általános stílusra. Az ID-attribútum mint horogstílus használatának képessége, ugyanakkor a szkriptek linkjeinek vagy célpontjainak horgonyzóként történő felhasználása azt jelenti, hogy még mindig fontos helyük van a webes tervezésben.
Szerkesztette Jeremy Girard