САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ

Атрибут id



Пример

Используйте идентификатор для манипулирования текстом с помощью Javascript:

<html>
<body>

<h1 id="myHeader">Привет Мир!</h1>
<button onclick="displayResult()">Изменить текст</button>

<script>
function displayResult(){
    document.getElementById("myHeader").innerHTML = "Хорошего дня!";
}
</script>

</body>
</html>
Попробуйте сами »

Больше примеров "Попробуйте сами" ниже.


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

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

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


Поддержка браузеров

Атрибут
id Да Да Да Да Да

Различий между 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 не могут начинаться с числа).


Синтаксис

<element id="id">

Значение атрибута

Значение Описани
id Задает уникальный идентификатор элемента.Правила именования:
  • Должен содержать хотя бы один символ
  • Не должн содержать пробелов

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

Пример 1

Используйте ссылку на элемент с указанным идентификатором на странице:

<html>
<body>

<h2><a id="top">Некоторый Заголовок</a></h2>

<p>Не большое количество текста....</p>
<p>Не большое количество текста....</p>
<p>Не большое количество текста....</p>

<a href="#top">Перейти к началу</a>

</body>
</html>
Попробуйте сами »

Пример 2

Используйте идентификатор для стилизации текста с помощью CSS:

<html>
<head>
<style>
#myHeader {
    color: red;
    text-align: center;
}
</style>
</head>
<body>

<h1 id="myHeader">SchoolsW3 самый лучший!</h1>

</body>
</html>
Попробуйте сами »

Связанные страницы

Учебник HTML: id HTML

Учебник HTML: Атрибуты HTML

Учебник CSS: Синтаксис CSS

Справочник CSS: Селектор #id CSS

Справочник DOM HTML: Метод getElementById() DOM HTML

Справочник DOM HTML: Свойство id DOM HTML

Справочник DOM HTML: Объект Style DOM HTML