Јединствени идентификатори унутар веб страница
Према В3Ц, ИД атрибута у ХТМЛ-у је:
јединствени идентификатор за елемент
Ово је врло једноставан опис веома моћног атрибута. Атрибут ИД може извршити неколико акција за Веб странице:
- Селектор за стилски стил - ово је функција за коју већина људи користи ИД атрибута. Због тога што су јединствени, можете бити сигурни да ћете стајати само на једној ставци на вашој Веб страници када стишете кориштење особине ИД-а. Недостатак коришћења ИД-а за стајерске сврхе је то што он има веома висок степен специфичности, што може учинити веома изазовним ако вам је потребно нешто касније замијенити стилом. Због тога, тренутна пракса Веба се наслања на кориштење класа и селектора класе умјесто ИД-ова и ИД селектора у сврху опћег стила.
- Именована сидра за повезивање - Веб прегледници вам омогућавају да циљате прецизне локације у својим Веб документима тако што ћете указати на ИД на крају УРЛ-а. Једноставно додате ид на крај УРЛ-а странице, којој претходи знак са фунтом (#). Такође можете да се повежете са овим сидрима са самом страном додавањем ознаке фунта (#) и ИД-а у хреф атрибуту за елемент. На примјер, ако имате подјелу са ИД-ом контакта, можете га повезати на тој страници с тим:
Ово је текст линка - Референца за скрипте - Ако пишете све функције Јавасцрипт-а, желите да користите атрибут ИД-а тако да можете променити прецизан елемент на страници са својим скриптама.
- Друга обрада - Ид дозвољава да обрађујете своје Веб документе на начин који вам је потребан. На пример, можете извући ХТМЛ у базу података, а атрибут ИД идентификује поља.
Правила за коришћење атрибута ИД
Постоји неколико правила које морате пратити да имате важећи документ који користи ид ид атрибут било гдје у документу:
- ИД мора почети са словом (аз или АЗ)
- Сви следећи знаци могу бити слова, бројеви (0-9), цртице (-), подвучице (_), колоне (:) и периоде (.).
- Сваки ИД мора бити јединствен унутар документа. Зашто?
Коришћење ИД-а
Када идентификујете јединствени елемент ваше веб странице, можете користити стил листе да бисте стајали само на једном елементу.
Контактирајте нас
Овде постоји текстуални садржај
див # контакт-сегмент {позадина: # 0цф;}
-или само-
# контактна секција {позадина: # 0цф;}
Било који од тих два бирача ће радити. Први (див # контакт-секција) би био усмерен на поделу са атрибутом ИД-а "контакт-секција". Друга (# контактни део) и даље би циљала на елемент са идентификационим бројем "контакт-секције", једноставно не зна да оно што тражи је подела. Крај стајлинга би био потпуно исти.
Такође можете да се повежете са одређеним елементом без додавања било каквих ознака:
Повезите се на контакт информације
Упућите тај став у своје скрипте са ЈаваСцрипт методом "гетЕлементБиИд":
доцумент.гетЕлементБиИд ("контактни део")
Атрибути ИД-а су и даље веома корисни у ХТМЛ-у, иако су их селектори класе замијенили за најчешће стилске стилове. Могућност кориштења атрибута ИД-а као кукица за стилове, док их такођер користе као сидри за везе или циљеве за скрипте, значи да они и данас имају важно мјесто у Веб дизајну.
Уредио Јереми Гирард