Що таке атрибут ID?

Згідно з W3C, атрибут ID в HTML є унікальним ідентифікатором елемента. Він дозволяє ідентифікувати область веб-сторінки для стилів CSS, якірних посилань і цілей для сценаріїв.

Для чого використовується атрибут ID?

Атрибут ID виконує декілька дій для веб-сторінок:

• Селектор таблиці стилів: це функція, для якої більшість людей використовують атрибут ID. Оскільки вони унікальні, ви будете стилізувати лише один елемент на своїй веб-сторінці, коли будете використовувати стиль ідентифікатора. Браком використання ідентифікатора в цілях стилізації є те, що він має дуже високий рівень специфічності, що може зробити його дуже складним, якщо з якоїсь причини вам потрібно перевизначити стиль пізніше в таблиці стилів. Через це сучасні веб-практики схиляються до використання класів і селекторів класів замість ідентифікаторів і селекторів ідентифікаторів для загальних стилів оформлення.
• Іменовані якіри для посилань на:веб-браузери вибирають точні місця розташування у ваших веб-документах, вказуючи на ідентифікатор наприкінці URL-адреси. Додайте ідентифікатор до кінця URL-адреси сторінки, перед якою стоїть хеш-мітка. Зв'яжіть ці якоря з самою сторінкою, додавши хеш-тег і ім'я ідентифікатора в атрибут href для елемента. Наприклад, для підрозділу з ідентифікатором контакту, посилання на нього на цій сторінці з # c
• Довідник за скриптами: якщо ви пишете якісь функції Javascript, використовуйте атрибут ID, щоб ви могли вносити зміни в точний елемент на сторінці зі своїми скриптами.
• Інша обробка. Ідентифікатор підтримує обробку ваших веб-документів будь-яким зручним для вас способом. Наприклад, ви можете витягти HTML у базу даних і використовувати атрибут ID для ідентифікації полів.

Правила використання атрибута ID

Переконайтеся, що ваші атрибути ІД відповідають цим трьом стандартам:

• Ідентифікатор повинен починатися з літери (az або AZ).
• Всі наступні символи можуть бути літерами, числами (0-9), дефісами (-), символами підкреслення (_), двокрапками (:) і крапками (.).
• Кожен ідентифікатор повинен бути унікальним у документі.

Використання атрибута ІД

Після того, як ви визначили унікальний елемент вашого веб-сайту, використовуйте таблиці стилів для стилізації лише цього одного елемента.

Наприклад, для ідентифікації ідентифікатора з назвою контакту використовуйте одну з таких форм:

div # contact {background: # 0cf;}

#contact {background: # 0cf;}

Перший приклад призначений для підрозділу з атрибутом ID контакту. Другий як і раніше націлений на елемент з ідентифікатором контакту, просто не буде обумовлено, що це поділ. Кінцевий результат моделювання буде точно таким же.

Ви також можете посилатися на цей конкретний елемент без додавання будь-яких тегів.

Посилайтеся на цей абзац у ваших скриптах за допомогою методу JavaScript getElementById:

document.getElementById («контакт переріз»)

ID attributes are still very useful in HTML, even though class selectors have replaced them for most general styling purposes. Using the ID attribute as a hook for styles, while also using them as anchors for links or targets for scripts, means that they still have an important place in web design today.