Что такое Атрибут id?

"Атрибут id". "Что такое Атрибут id?"

Атрибут id:

1. Что такое Атрибут id?
2. Правила задания значения атрибута id.
3. Атрибут id, как якорь.
4. Атрибут id - обратиться к тегу js.

1. Что такое атрибут id?

Дадим определение "что такое атрибут id"?

Атрибут id (от англ. identifier — «идентификатор») — это универсальный HTML‑атрибут, который задаёт элементу уникальное имя в рамках веб‑страницы. Это имя используется для однозначной идентификации элемента — например, для стилизации через CSS или управления через JavaScript.

Что такое атрибут id?

Атрибут id относится одновременно к двум средам html и css + часто используется в js

Синтаксис атрибута id.

Атрибут записывается внутри открывающего тега элемента:

html

<тег id="уникальное-имя">Содержимое</тег>

Пример атрибута id.

html

<div id="header">Шапка сайта</div>

<p id="intro">Вводный текст</p>

<button id="submit-btn">Отправить</button>

2. Правила задания значения атрибута id

При выборе имени для id нужно соблюдать следующие правила:

Уникальность: значение id должно быть единственным на всей странице. Нельзя использовать один и тот же id для нескольких элементов.

Начало с буквы: идентификатор должен начинаться с латинской буквы (a–z, A–Z). Нельзя начинать с цифры или символа (-, _ и т. д.).

Допустимые символы: можно использовать латинские буквы, цифры, дефис (-) и подчёркивание (_).

Отсутствие пробелов: пробелы, табуляции и другие пробельные символы запрещены.

Регистрозависимость: myId и myid — разные идентификаторы.

Запрещены спецсимволы: нельзя использовать точки (.), запятые (,), решётку (#) и т. п.

Правильные примеры атрибута id

id="main-content"

id="user_profile"

id="slider-1"

Неправильные примеры атрибута id

id="1header" (начинается с цифры)

id="my element" (пробел)

id="my.class" (точка)

id="#special" (решётка)

Всего комментариев : Comments+ 2.0

+ =