Unikalūs identifikatoriai žiniatinklio puslapiuose
Remiantis W3C, ID atributas HTML yra:
unikalus elemento identifikatorius
Tai labai paprastas labai galingo atributo aprašymas. ID atributas gali atlikti kelis veiksmus tinklalapiams:
- "Style sheet selector" - tai funkcija, kurią dauguma žmonių naudoja ID atributas. Kadangi jie yra unikalūs, jūs galite būti tikri, kad jūs stiliausite tik vieną elementą savo tinklalapyje, kai stiliaus naudosite ID nuosavybę. Nepakankamas ID naudojimas stiliaus tikslais yra tas, kad jis turi labai aukštą specifiškumo lygį, todėl tai gali būti labai sudėtinga, jei vėliau stilių turėtumėte pakeisti stilių. Dėl šios priežasties dabartinė "Web" praktika remiasi klasių ir klasių rinkiklių naudojimu vietoj ID ir ID atrankos bendram stiliaus tikslais.
- Pavadinimai, skirti susieti su - žiniatinklio naršyklės leidžia nukreipti tikslias vietas savo žiniatinklio dokumentuose, nukreipdami į ID URL pabaigoje. Jūs tiesiog pridėkite ID prie puslapio URL pabaigos, prieš jį nurodykite svaro ženklą (#). Taip pat galite susieti šiuos inkarus su pačiu puslapiu, pridedant elemento href atributui pridėjus svaro ženklą (#) ir ID vardą. Pvz., Jei turite padalijimą su kontaktiniu ID , galite su juo susieti su šiuo adresu:
Tai yra nuorodos tekstas - Nuoroda į scenarijus. Jei rašote bet kokias "Javascript" funkcijas, norėsite naudoti ID atributą, kad galėtumėte pakeisti tikslų elementą puslapyje savo scenarijus.
- Kitas apdorojimas - id leidžia apdoroti savo žiniatinklio dokumentus, kaip jums reikia. Pvz., Galite išgauti HTML į duomenų bazę, o ID atributas identifikuoja laukus.
ID atributo naudojimo taisyklės
Yra keletas taisyklių, kurias turite laikytis, norint turėti galiojantį dokumentą, kuris naudoja id atributą bet kurioje dokumento vietoje:
- ID turi prasidėti raidėmis (az arba AZ)
- Visi vėlesni simboliai gali būti raidės, skaičiai (0-9), brūkšneliai (-), pabraukimai (_), dvitaškis (:) ir periodai (.).
- Kiekvienas ID turi būti unikalus dokumente. Kodėl?
ID atributo naudojimas
Kai identifikuosite unikalų jūsų svetainės elementą, galite naudoti stiliaus lapus, kad stiliaus tik tas elementas.
Susisiekite su mumis
Čia yra teksto turinio
div # contact-section {background: # 0cf;}
ar tiesiog -
# contact-section {background: # 0cf;}
Bet iš tų dviejų selektorių dirbs. Pirmasis (div # contact-section) nukreiptų į padalijimą su "contact-section" ID atributu. Antrasis (# kontakto skyrius) vis tiek nukreiptų elementą su "kontaktinio skyriaus" ID, jis tiesiog nežinotų, kad tai, ko jis ieško, yra padalinys. Galutinis stiliaus rezultatas bus visiškai toks pat.
Taip pat galite susieti šį konkretų elementą be jokių žymų:
Nuoroda į kontaktinę informaciją
Nuoroda į šią pastraipą savo scenarijus "getElementById" "JavaScript" metodu:
document.getElementById ("contact-section")
HTML atributai vis dar labai naudingi, nors klasių selektoriai juos pakeitė daugeliui bendrų stiliaus tikslų. Gebėjimas naudoti ID atributą kaip stiliaus kablį, taip pat naudoti juos kaip nuorodas ar taikinius scenarijus, reiškia, kad šiandien jie vis dar turi svarbią vietą interneto dizaino.
Redagavo Jeremy Girard