HTML Id

Атрибут идентификатора HTML используется для указания уникального идентификатора элемента HTML. В HTML-документе не может быть более одного элемента с одинаковым идентификатором.

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

Атрибут id определяет уникальный идентификатор HTML-элемента. Значение атрибута id должно быть уникальным в HTML-документе.

Атрибут id используется для указания на конкретное объявление стиля в таблице стилей. Он также используется JavaScript для доступа и управления элементом с определенным идентификатором.

Синтаксис для идентификатора: напишите символ решетки (#), за которым следует имя идентификатора. Затем определите свойства CSS в фигурных скобках {}.

Синтаксис:

#название_идентификатора {
свойство_1: значение;
свойство_2: значение;
...
}

В следующем примере у нас есть элемент <h1>, который указывает на имя идентификатора «myHeader». Этот элемент <h1> будет оформлен в соответствии с определением стиля #myHeader в разделе заголовка:

Имя идентификатора чувствительно к регистру! Имя идентификатора должно содержать хотя бы один символ, не может начинаться с цифры и не должно содержать пробелов (пробелов, табуляции и т. д.).

Разница между классом (class) и идентификатором (id)

Имя класса может использоваться несколькими элементами HTML, а имя идентификатора должно использоваться только одним элементом HTML на странице:

Закладки HTML с идентификатором и ссылками

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

<a href="#C4">Перейти к главе 4</a>
.....



<h2 id="C4">Глава 4</h2>

Также можно добавить ссылку на закладку, которая находится на другой странице вашего сайта или другого сайта:

<a href="https://www.frontendbook.ru/index.html#C4">Перейти к главе 4</a>