Id HTML: что это такое и как работать с идентификаторами в веб-разработке

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

Для указания ID используется атрибут id, который принимает любую строку в кавычках. Значение ID должно быть уникальным на странице, то есть не должно быть других элементов с такой же ID.

Пример:

html
Это мой DIV

В этом примере мы создали DIV элемент и задали ему ID "my-div". Теперь мы можем ссылаться на этот элемент из других частей документа, используя #my-div в URL.

html
Перейти к моему DIV

Кроме того, мы можем использовать ID для изменения стилей элемента с помощью CSS или для обращения к элементу с помощью JavaScript.

Пример использования ID в CSS:

css
#my-div {
  background-color: red;
  color: white;
}

Этот код изменит цвет фона и текста элемента с ID "my-div".

Пример использования ID в JavaScript:

javascript
var myDiv = document.getElementById("my-div");

Этот код найдет элемент на странице с ID "my-div" и присвоит его переменной myDiv для дальнейшей работы с ним в JavaScript.