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