Veebilehtede unikaalsed identifikaatorid
W3C andmetel on ID atribuut HTML-is:
elemendi kordumatu tunnus
See on väga võimsa atribuudi väga lihtne kirjeldus. ID-atribuut võib veebisaitidele teha mitmeid toiminguid:
- Stiililehe valija - see on funktsioon, mida enamik inimesi ID-atribuudi kasutavad. Kuna need on ainulaadsed, võite olla kindel, et kasutate ID-ide varjamiseks stiili kasutades oma veebi lehel ühte elementi. Stiiliga seotud ID-ide kasutamise negatiivne külg on see, et sellel on väga kõrge spetsiifilisuse aste, mis võib muuta selle väga keerukaks, kui teil on stiililt mingil põhjusel stiililt mingil põhjusel vaja stiilitabelit. Selle tulemusel on praegused veebipraktikad klasside ja klasside valijatena kasutatavad ID-de ja ID-selektorite asemel üldiste stiilide jaoks.
- Nimetatud linkid veebibrauserite jaoks võimaldavad sihtida veebidokumentide täpseid asukohti, viidates ID-le URL-i lõpus. Lihtsalt lisage ID lehe URL-i lõpuni, millele eelneb nael-märk (#). Võite linkida ka need ankrud lehe enda juurde, lisades elemendi href atribuudile naela-märgi (#) ja ID-nime. Näiteks kui teil on jagunemine kontakti ID-ga , võite sellel sellel lehel linkida järgmisega:
See on linktekst - Viide skriptidele - Kui kirjutad mis tahes Javascripti funktsioone, siis soovid kasutada ID-atribuuti, nii et saate oma skriptidega lehe täpse elemendi muuta.
- Muu töötlemine - id võimaldab teil oma veebidokumente töödelda mis tahes viisil, mis teil on vaja. Näiteks võite ekstraktida HTML-i andmebaasi ja ID-atribuut identifitseerib väljad.
ID-atribuudi kasutamise reeglid
Kui teil on kehtiv dokument, mis kasutab ID-atribuuti kõikjal dokumendis, peate järgima mõnda reeglit.
- ID peab algama tähega (az või AZ)
- Kõik järgnevad tähemärgid võivad olla tähed, numbrid (0-9), sidekriipsud (-), alakriipsud (_), käärid (:) ja perioodid (.).
- Iga ID peab olema dokumentaalselt unikaalne. Miks?
ID-atribuudi kasutamine
Kui olete veebisaidi unikaalse elemendi tuvastanud, võite kasutada stiililehti, et stiiliks ainult üks element.
Võta meiega ühendust
Siin on mõni teksti sisu
div # kontakt-sektsioon {background: # 0cf;}
või lihtsalt
# kontakt-sektsioon {background: # 0cf;}
Mõlemad neist kahest valijast töötaksid. Esimene (div # kontakt-sektsioon) sihib jagamist ID-atribuudiga "contact-section". Teine (# kontakt-sektsioon) sihiks ikkagi elementi "kontakt-sektsiooni" ID-ga, lihtsalt ei tea, mida see, mida ta otsib, on jagunemine. Stiilide lõpptulemus oleks täpselt sama.
Selle konkreetse elemendiga saate linkida ka ilma silte lisamata:
Link kontaktandmetele
Viide selle skriptide lõikega JavaScript getElementById meetodil:
document.getElementById ("kontakt-sektsioon")
ID-atribuudid on HTML-is ikkagi väga kasulikud, kuigi klassi valijad on neid kõige enam üldise kujundamise eesmärgil asendanud. Võimalus kasutada ID-atribuuti stiiliks konksuks, kasutades ka neid skriptide linkide või sihtmärkide ankrutena, tähendab seda, et täna on neil endiselt veebisaini jaoks oluline koht.
Redigeeris Jeremy Girard