Руководство по HTML

Полный список тегов HTML

Атрибут id HTML

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

Глобальные атрибуты HTML

Онлайн пример

Используя скрипт JavaScript, измените содержимое текста с помощью атрибута id:

Пример

!DOCTYPE html
<html>
<head>
<meta charset="utf-8">　
<title>Сайт основного руководства (oldtoolbag.com)</title>　
<script>
function changeText()
{
　　　　document.getElementById("myHeader").innerHTML="哈哈,我被你改变了,亲!";
}
</script>
</head>
<body>
<h1 id="myHeader">Hello World!</h1>
<button onclick="changeText()">Динамически изменить текст содержимого id</button>
</body>
</html>

Проверьте, посмотрите ‹/›

Совместимость браузеров

IEFirefoxOperaChromeSafari

Все основные браузеры поддерживают атрибут id

Определение и использование

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

ID в HTML документе должен быть уникальным.

Атрибут id может использоваться в качестве якоря ссылки (link anchor), чтобы изменить или добавить стиль для элемента с указанным id с помощью JavaScript (HTML DOM) или CSS.

Различия между HTML 4.01 и HTML5

В HTML5 атрибут id может использоваться для любого HTML элемента (он будет проверять любой HTML элемент. Но это не всегда полезно).

В HTML 4.01 атрибут id не может использоваться для: <base>, <head>, <html>, <meta>, <param>, <script>, <style> и <title>.

Внимание: HTML 4.01 имеет строгие ограничения для значений id (например, в HTML 4.01 значение id не может начинаться с цифры).

Грамматика

　　 <элемент id="id">

Значение属性的

Значение	Описание
id	Определяет уникальный идентификатор элемента. Правила именования: МUST начинаться с буквы A-Z или a-z Следующие символы: буквы (A-Za-z), цифры (0-9), дефис (-), подстрочная черта (_,), двоеточие (:) и точка (.) Значения чувствительны к регистру

Более примеров

Использование атрибута id в CSS
Как использовать атрибут id в CSS для добавления стиля элементам

Глобальные атрибуты HTML

HTML: <template> тег