Unikālie identifikatori tīmekļa lapās
Saskaņā ar W3C ID atribūts HTML ir:
elementa unikāls identifikators
Tas ir ļoti vienkāršs ļoti spēcīga atribūta apraksts. ID atribūts Web lapām var veikt vairākas darbības:
- Veidlapu atlasītājs - šī funkcija lielākajā daļā cilvēku izmanto ID atribūtu. Tā kā tās ir unikālas, jūs varat būt pārliecināti, ka, veidojot ID īpašumu, jūs stilāiet tikai vienu vienumu savā tīmekļa lapā. Nepietiekams ID izmantojums stilizācijas nolūkos ir tāds, ka tam ir ļoti augsta specifika, kas var radīt grūtības, ja stilu kādam nolūkam vēlāk vajadzētu ignorēt. Tāpēc pašreizējās Web prakses pamatā ir klases un klases atlasītāju izmantošana ID un ID atlasītāju vietā, lai veidotu vispārīgus veidus.
- Nosauktie enkuri saites izveidošanai - tīmekļa pārlūkprogrammas ļauj atlasīt precīzas atrašanās vietas jūsu tīmekļa dokumentos, norādot URL adreses beigās norādīto ID. Jūs vienkārši pievienojat ID lappuses URL beigās, pirms tam ir mārciņas zīme (#). Jūs varat arī piesaistīt šos enkūrus ar pašu lapu, pievienojot elementa href atribūtai mārciņas apzīmējumu (#) un ID nosaukumu. Piemēram, ja jums ir sadalīšana ar kontakta ID , varat to saistīt ar šo lapu ar šo:
Šis ir saites teksts - Atsauce uz skriptiem - ja jūs rakstāt jebkuru Javascript funkcijas, jūs vēlaties izmantot ID atribūtu, lai jūs varētu veikt izmaiņas precīzā elementā lapā ar jūsu skriptiem.
- Cita apstrāde - ID ļauj jums apstrādāt savus Web dokumentus tā, kā jums nepieciešams. Piemēram, jūs varat izvilkt HTML datubāzē, un ID atribūts identificē laukus.
ID atribūta izmantošanas noteikumi
Jums ir jāievēro daži noteikumi, lai būtu derīgs dokuments, kurā id atribūtu izmanto jebkur dokumenta vietā:
- ID ir jāsākas ar burtu (az vai AZ)
- Visām sekojošām rakstzīmēm var būt burti, cipari (0-9), defises (-), pasvītras (_), kols (:) un periodi (.).
- Katram dokumentam jābūt unikālam. Kāpēc
ID atribūta izmantošana
Kad esat identificējis unikālu jūsu vietnes elementu, varat izmantot stilu lapas, lai stilā tiktu izveidots tikai viens elements.
Sazinies ar mums
Šeit ir daži teksta saturs
div # kontaktu sekcija {background: # 0cf;}
vai vienkārši
# kontaktu sekcija {background: # 0cf;}
Viens no šiem diviem atlasītājiem darbosies. Pirmais (div # kontaktu sekcija) mērķētu uz sadalījumu ar ID-atribūtu "kontaktu sadaļai". Otrais (# kontaktpersonu sadaļa) joprojām mērķētu elementu ar "kontaktu sadaļas" ID, tas vienkārši nezināja, ka tas, ko tā meklē, ir sadalījums. Gala rezultāts stils būtu tieši tāds pats.
Varat arī saiti uz šo konkrēto elementu, neiekļaujot nekādus tagus:
Saite uz kontaktinformāciju
Atsauces šo punktu jūsu skriptos ar getElementById JavaScript metodi:
document.getElementById ("kontaktu sadaļa")
HTML atribūti joprojām ir ļoti noderīgi, lai gan klases atlasītāji ir tos aizvietojuši lielākajai daļai vispārējo stilu. Spēja izmantot ID atribūtu kā stilu āķi, vienlaikus izmantojot arī kā skrūvju saišu vai mērķu enkuru, nozīmē, ka šodien tām joprojām ir svarīga vieta tīmekļa dizaina izstrādē.
Rediģējis Jeremijs Girards