Pagal W3C, ID atributas HTML yra unikalus elemento identifikatorius. Tai suteikia galimybę nustatyti tinklalapio sritį CSS stiliams, inkaro nuorodoms ir scenarijų taikiniams.
Kam naudojamas ID atributas?
Atributas ID atlieka kelis tinklalapių veiksmus:
- Stiliaus lapo parinkiklis: Tai yra funkcija, kuriai dauguma žmonių naudoja ID atributą. Kadangi jie yra unikalūs, jūs stilizuosite tik vieną elementą savo tinklalapyje, kai kuriate stilių naudodami ID nuosavybę. Neigiama ID naudojimo stiliaus reikmėms yra ta, kad jis turi labai aukštą specifiškumą, o tai gali būti labai sudėtinga, jei vėliau dėl kokių nors priežasčių jums reikės nepaisyti stiliaus stiliaus lapas. Dėl šios priežasties dabartinė žiniatinklio praktika siekia klasių ir klasių parinkėjų vietoj asmens tapatybės dokumentų ir ID rinkėjų naudoti bendro stiliaus tikslais.
- Pavadinti inkarai susieti su: Interneto naršyklės Taikykite pagal tikslias žiniatinklio dokumentų vietas nurodydami URL gale esantį ID. Pridėkite ID prie puslapio URL pabaigos, prieš kurį nurodomas maišos ženklas. Susiekite šiuos inkarus su pačiu puslapiu, pridėdami maišos žymą ir ID pavadinimą href elemento atributas. Pavyzdžiui, skyriui, kurio ID yra kontaktas, susiekite su juo tame puslapyje su #kontaktas.
- Nuoroda į scenarijus: Jei rašote bet kokias „Javascript“ funkcijas, naudokite atributą ID, kad galėtumėte pakeisti tikslius puslapio elementus naudodami scenarijus.
- Kitas perdirbimas: ID palaiko jūsų žiniatinklio dokumentų apdorojimą bet kokiu būdu. Pavyzdžiui, galite išskleisti HTML į duomenų bazę ir naudoti ID atributą laukams identifikuoti.
ID atributo naudojimo taisyklės
Įsitikinkite, kad jūsų ID atributai atitinka šiuos tris standartus:
- ID turi prasidėti raide (a-z arba A-Z).
- Visi tolesni simboliai gali būti raidės, skaičiai (0–9), brūkšneliai (-), pabraukimo ženklai (_), dvitaškiai (:) ir taškai (.).
- Kiekvienas ID dokumente turi būti unikalus.
Naudojant ID atributą
Nustačius unikalų savo svetainės elementą, naudokite stiliaus lapai stilizuoti tik tą vieną elementą.
Pavyzdžiui, norint identifikuoti ID, kurio pavadinimas kontaktas, naudokite bet kurią iš šių formų:
div # contact {background: # 0cf;}
#contact {background: # 0cf;}
Pirmasis pavyzdys skirtas skyriui, kurio ID atributas yra kontaktas. Antrasis vis tiek nukreiptas į elementą, kurio ID yra kontaktas, tiesiog nebūtų nustatyta, kad tai padalijimas. Galutinis stiliaus rezultatas būtų visiškai toks pat.
Taip pat galite susieti su tuo konkrečiu elementu, nepridėdami jokių žymų.
Nurodykite tą pastraipą scenarijuose naudodami „getElementById“ „JavaScript“ metodas:
document.getElementById ("kontaktų skyrius")
ID atributai vis tiek yra labai naudingi HTML, nors tai ir yra klasės selektoriai pakeitė juos dažniausiai bendro stiliaus tikslais. Naudojant ID atributą kaip stiliaus kabliuką, taip pat naudojant juos kaip nuorodų ar scenarijų nuorodų inkarus, tai reiškia, kad jie vis dar turi svarbią vietą kuriant internetą.