HTML глобальный атрибут id

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

Определение и применение

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

Некоторые правила:

Поддержка браузерами и значения атрибута

ЗначениеChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
idДаДаДаДаДаДа

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

<!DOCTYPE html>
<html>
<head>
	<title>Пример использования глобального атрибута id</title>
<style> 
#main {
text-align:center;
color:red;
}
#index {
color:blue;
}
</style>
</head>
<body>
	<h1 id = "main">Заголовок первого уровня.</h1>
	<p id = "index">Параграф с присвоенным id в роли стилевого идентификатора.</p>
	<a href =  "#main">Использование id в роли якоря</a> (перебрасывает к указанному id).
	<p> Использование скриптов JavaScript (изменение элементов с определённым id): </p>
	<script>
	function chg() {
	var x = document.getElementById("main");
	x.style.color = "white"; 
	x.style.backgroundColor = "orange"; 
	}
	</script>
	<button onclick = "chg()"> Нажми!</button>
</body>
</html>
Использование глобального атрибута id.
Использование глобального атрибута id.

Отличия HTML 4.01 от HTML 5

В HTML5, атрибут id может быть использован к любому элементу HTML (пройдёт валидацию), но в некоторых случаях в этом нет необходимости.

В HTML 4.01, атрибут id не может быть применён к следующим элементам:

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