Според W3C, атрибутът ID в HTML е уникален идентификатор за елемента. Той предоставя начин за идентифициране на област от уеб страница за CSS стилове, анкерни връзки и цели за скриптове.
За какво се използва атрибутът ID?
Атрибутът ID изпълнява няколко действия за уеб страници:
- Избор на таблица със стилове: Това е функцията, за която повечето хора използват атрибута ID. Тъй като те са уникални, ще оформите само един елемент на вашата уеб страница, когато оформяте с помощта на свойство ID. Недостатъкът на използването на идентификатор за целите на стила е, че той има много високо ниво на специфичност, което може да го направи много предизвикателно, ако по-късно в a трябва да замените стил по някаква причина таблица със стилове. Поради това, настоящите уеб практики са склонни към използване на класове и селектори на класове вместо идентификатори и селектори на идентификатори за общи цели за стилизиране.
- Именувани котви за свързване с: Уеб браузъри насочете се към точни местоположения във вашите уеб документи, като посочите идентификатора в края на URL адреса. Добавете идентификатора в края на URL адреса на страницата, предшестван от знак за хеш. Връзка към тези котви със самата страница чрез добавяне на хеш таг и име на ID в href атрибут за елемента. Например за разделение с идентификатор на контакт, линк към него на тази страница с #contact.
- Справка за скриптове: Ако пишете някакви функции на Javascript, използвайте атрибута ID, за да можете да правите промени в точния елемент на страницата с вашите скриптове.
- Други преработки: Идентификаторът поддържа обработка във вашите уеб документи по какъвто и да е начин. Например можете да извлечете HTML в база данни и да използвате атрибута ID за идентифициране на полета.
Правила за използване на атрибута ID
Уверете се, че идентификационните ви атрибути отговарят на тези три стандарта:
- Идентификационният номер трябва да започва с буква (a-z или A-Z).
- Всички следващи знаци могат да бъдат букви, цифри (0-9), тирета (-), долни черти (_), двоеточия (:) и точки (.).
- Всеки идентификатор трябва да е уникален в документа.
Използване на атрибута ID
След като идентифицирате уникален елемент от вашия уеб сайт, използвайте стилови листове да стилизирате само този елемент.
Например, за да идентифицирате идентификатор със заглавие контакт, използвайте някоя от тези форми:
div # contact {background: # 0cf;}
#contact {background: # 0cf;}
Първата извадка е насочена към разделение с атрибут ID на контакт. Вторият все още е насочен към елемента с идентификатор на контакт, просто не би предвидило, че това е разделение. Крайният резултат от стила ще бъде абсолютно същият.
Можете също така да свържете към този конкретен елемент, без да добавяте никакви маркери.
Посочете този абзац във вашите скриптове с getElementById JavaScript метод:
document.getElementById ("раздел за контакти")
Атрибутите на ID все още са много полезни в HTML, въпреки че селектори на клас са ги заменили за повечето общи стилни цели. Използването на атрибута ID като кука за стилове, като същевременно ги използва и като котва за връзки или цели за скриптове, означава, че те все още имат важно място в уеб дизайна днес.