Saskaņā ar W3C, ID atribūts HTML ir elementa unikālais identifikators. Tas nodrošina veidu, kā noteikt Web lapas apgabalu CSS stiliem, enkura saitēm un skriptu mērķiem.
Kam tiek izmantots ID atribūts?
Atribūts ID tīmekļa lapām veic vairākas darbības:
- Stila lapu atlasītājs: Šī ir funkcija, kurai lielākā daļa cilvēku izmanto ID atribūtu. Tā kā tie ir unikāli, jūs veidosiet tikai vienu vienumu savā tīmekļa lapā, kad veidojat stilu, izmantojot ID īpašumu. Mīnuss, lietojot ID stila vajadzībām, ir tāds, ka tam ir ļoti augsts specifiskums, kas var padarīt to ļoti izaicinošu, ja vēlāk kāda iemesla dēļ kādu iemeslu dēļ jums ir nepieciešams ignorēt stilu stila lapa. Tāpēc pašreizējā tīmekļa prakse vispārējo stilu vajadzībām izmanto klases un klases atlasītājus ID un ID atlasītāju vietā.
- Nosaukti enkuri, lai izveidotu savienojumu ar: Tīmekļa pārlūkprogrammas atlasiet precīzas atrašanās vietas savos tīmekļa dokumentos, norādot uz ID URL beigās. Pievienojiet ID lapas URL beigās, pirms tā ir jaukšanas atzīme. Saite uz šiem enkuriem ar pašu lapu, pievienojot hash tagu un ID nosaukumu href elementa atribūts. Piemēram, par divīziju ar ID kontakts, saiti uz to šajā lapā ar # sazināties.
- Atsauce uz skriptiem: Ja rakstāt kādas Javascript funkcijas, izmantojiet atribūtu ID, lai ar skriptiem varētu veikt izmaiņas precīzajā lapas elementā.
- Cita apstrāde: ID atbalsta apstrādi jūsu tīmekļa dokumentos jebkurā nepieciešamajā veidā. Piemēram, jūs varat iegūt HTML datu bāzē un izmantot ID atribūtu, lai identificētu laukus.
Noteikumi par ID atribūta lietošanu
Pārliecinieties, ka jūsu ID atribūti atbilst šiem trim standartiem:
- ID jāsākas ar burtu (a-z vai A-Z).
- Visas nākamās rakstzīmes var būt burti, cipari (0–9), defises (-), pasvītras (_), resnās zarnas (:) un punkti (.).
- Katram ID dokumentā jābūt unikālam.
Izmantojot ID atribūtu
Kad esat identificējis unikālu savas vietnes elementu, izmantojiet stila lapas veidot tikai to vienu elementu.
Piemēram, lai identificētu ID ar nosaukumu kontakts, izmantojiet kādu no šīm formām:
div # contact {background: # 0cf;}
#contact {background: # 0cf;}
Pirmais izlases mērķis ir sadalījums ar ID atribūtu kontakts. Otrais joprojām mērķē elementu ar ID kontakts, tas vienkārši nenosaka, ka tas ir dalījums. Stila gala rezultāts būtu tieši tāds pats.
Varat arī izveidot saiti uz konkrēto elementu, nepievienojot tagus.
Atsauciet šo punktu skriptos ar getElementById JavaScript metode:
document.getElementById ("kontaktpersonu sadaļa")
ID atribūti tomēr ir ļoti noderīgi HTML formātā klases atlasītāji ir aizstājuši tos vispārīgākajiem stila mērķiem. Izmantojot atribūtu ID kā stilu āķi, vienlaikus tos izmantojot arī kā saites vai skriptu mērķus, tas nozīmē, ka tiem joprojām ir svarīga vieta tīmekļa dizainā.