Что такое идентификатор атрибута?

Уникальные идентификаторы

Согласно W3C, атрибут ID в HTML является уникальным идентификатором элемента.

Это очень простое описание очень мощного атрибута. Атрибут ID может выполнять несколько действий для веб-страниц:

  • Селектор таблиц стилей . Это функция, для которой большинство людей используют атрибут ID. Поскольку они уникальны, вы можете быть уверены, что будете стилизовать только один элемент на своей веб-странице, когда будете создавать стили с использованием свойства ID. Недостатком использования идентификатора в целях стилизации является то, что он имеет очень высокий уровень специфичности, что может сделать его очень сложным, если по какой-то причине вам потребуется переопределить стиль позже в таблице стилей. Из-за этого современные веб-практики склоняются к использованию классов и селекторов классов вместо идентификаторов и селекторов идентификаторов для общих стилей оформления.

Именованные якоря для ссылки на: веб-браузеры позволяют вам указывать точные местоположения в ваших веб-документах, указывая идентификатор в конце URL-адреса. Вы просто добавляете идентификатор в конец URL-адреса страницы, перед которым стоит знак решетки (#). Вы также можете связать эти якоря с самой страницей, добавив знак решетки (#) и имя идентификатора в атрибуте href для элемента. Например, если у вас есть подразделение с идентификатором контакта, вы можете сделать ссылку на него на этой странице с помощью

 #contact 
  • Справочник по скриптам . Если вы пишете какие-либо функции Javascript, вам нужно использовать атрибут ID, чтобы вы могли вносить изменения в точный элемент на странице со своими скриптами.
  • Другая обработка : идентификатор позволяет обрабатывать веб-документы любым удобным для вас способом. Например, вы можете извлечь HTML в базу данных, а атрибут ID идентифицирует поля.

Правила использования атрибута ID

Есть несколько правил, которым вы должны следовать, чтобы иметь действительный документ, который использует атрибут id в любом месте документа:

  • Идентификатор должен начинаться с буквы (a-z или A-Z)
  • Все последующие символы могут быть буквами, числами (0-9), дефисами (-), символами подчеркивания (_), двоеточиями (:) и точками (.).
  • Каждый идентификатор должен быть уникальным в документе. Зачем?

Использование атрибута ID

После того как вы определили уникальный элемент вашего веб-сайта, вы можете использовать таблицы стилей для стилизации только этого одного элемента.

Связаться с нами

Здесь есть текстовое содержание

 div # contact-section {background: # 0cf;} 

-или просто-

 # contact-section {background: # 0cf;} 

Любой из этих двух селекторов будет работать. Первый (div # contact-section) будет предназначен для подразделения с атрибутом ID «contact-section». Второй (# contact-section) по-прежнему будет нацеливать элемент с идентификатором «contact-section», он просто не будет знать, что он ищет это разделение. Конечный результат стиля будет точно таким же.

Вы также можете ссылаться на этот определенный элемент (# contact-section) без добавления каких-либо тегов.

Ссылайтесь на этот абзац в ваших скриптах с помощью метода JavaScript «getElementById»:

 document.getElementById ( "контакт сечение") 

Атрибуты идентификаторов все еще очень полезны в HTML, хотя селекторы классов заменили их для большинства общих стилей. Возможность использовать атрибут ID в качестве ловушки для стилей, а также использовать их в качестве якорей для ссылок или целей для сценариев, означает, что они все еще занимают важное место в веб-дизайне сегодня.

Оцените статью
Solutics.ru
Добавить комментарий