Приобретая членство в SitePoint Premium, вы получаете доступ к полной версии AtoZ: CSS .
Press shift question mark to access a list of keyboard shortcuts
Добро пожаловать в нашу серию AtoZ CSS! В этой серии я буду изучать различные значения CSS (и свойства), каждое из которых начинается с другой буквы алфавита. В этой статье я добавил новый быстрый совет / урок о id
Я для id
В видео на букву I мы рассмотрели селектор id
У меня также было много шума по поводу использования id
class
Чтобы немного уравновесить спор, я должен поговорить о том, когда мы должны использовать ID и почему.
Предоставить уникальный хук для Javascript
Это немного выходит за рамки обычного CSS (хотя, если вы верите в постоянную дискуссию о том, нужен ли нам CSS больше ), это полезный совет, тем не менее. Самый быстрый и самый прямой способ взаимодействия с элементом с помощью JavaScript — это указать его атрибутом id
Чтобы предоставить целевые теги привязки для навигации
Идентификаторы можно использовать на одной странице для навигации, установив в href
id
Посмотрите этот пример, который позволяет легко переходить к различным главам на странице.
Для связывания входов формы с их метками
При создании форм мы можем связать label
input
for
label
id
Это означает, что нажатие на метку будет фокусировать поле ввода текста или переключать состояние флажков или переключателей.
И, наконец, вот последний совет по использованию идентификаторов: действительный id