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