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