Kas yra ID atributas?

ID atributas iškviečia konkrečią tinklalapio skiltį

kr7ysztof / Getty Images

PagalW3C, ID atributas HTML yra unikalus elemento identifikatorius. Tai suteikia galimybę nustatyti tinklalapio sritį, kurioje naudojami CSS stiliai, inkaro nuorodos ir scenarijų tikslai.

Kam naudojamas ID atributas?

ID atributas atlieka keletą tinklalapių veiksmų:

Stiliaus lapo parinkiklis: tai funkcija, kuriai dauguma žmonių naudoja ID atributą. Kadangi jie yra unikalūs, stilizuodami naudodami ID nuosavybę sukursite tik vieną savo tinklalapio elementą. ID naudojimo stiliaus tikslais trūkumas yra tas, kad jis turi labai aukštą specifiškumo lygį, todėl tai gali būti labai sudėtinga, jei vėliau stiliaus lape dėl kokių nors priežasčių reikia nepaisyti stiliaus. Dėl šios priežasties dabartinė žiniatinklio praktika yra linkusi naudoti klases ir klasių parinkiklius vietoj ID ir ID parinkiklius bendrais stiliaus tikslais. Pavadinti inkarai, skirti susieti su: Interneto naršyklės taikykite pagal tikslias vietas savo žiniatinklio dokumentuose, nukreipdami į ID URL pabaigoje. Pridėkite ID prie puslapio URL pabaigos, prieš kurį padėkite maišos ženklą. Susiekite su šiais prierais su pačiu puslapiu, pridėdami maišos žymą ir ID pavadinimą href elemento atributas. Pavyzdžiui, skyriui su ID kontaktas , nuoroda į jį tame puslapyje su #kontaktas . Scenarijų nuoroda: jei rašote bet kokias „Javascript“ funkcijas, naudokite ID atributą, kad galėtumėte pakeisti tikslų puslapio elementą naudodami savo scenarijus. Kitas apdorojimas: 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 (-), apatiniai brūkšniai (_), dvitaškiai (:) ir taškai (.).
• Kiekvienas ID dokumente turi būti unikalus.

Naudojant ID atributą

Kai nustatysite unikalų savo svetainės elementą, naudokite stiliaus lapai stilizuoti tik tą vieną elementą.

Pavyzdžiui, norint nustatyti ID pavadinimu kontaktas , naudokite vieną iš šių formų:

|_+_| |_+_|

Pirmasis pavyzdys taikomas padaliniui su ID atributu kontaktas . Antrasis vis tiek taikomas elementui su ID kontaktas , tai tiesiog nenurodytų, kad tai yra padalijimas. Galutinis stiliaus rezultatas būtų lygiai toks pat.

Taip pat galite susieti su tuo konkrečiu elementu nepridėdami jokių žymų.

Nurodykite tą pastraipą savo scenarijuose su getElementById JavaScript metodas:

|_+_|

Nepaisant to, ID atributai vis dar yra labai naudingi HTML klasių rinkėjai jas pakeitė daugeliui bendrų stiliaus tikslų. Naudojant ID atributą kaip stilių kabliuką, kartu naudojant juos kaip inkarus nuorodoms ar scenarijų taikiniams, reiškia, kad jie vis dar užima svarbią vietą interneto dizaino srityje.