HTML :: Атрибут id

В HTML универсальный атрибут id (от англ. identifier – идентификатор) задает уникальное имя элемента, по которому к нему могут обращаться скрипты или задаваться именной (т.е. использующийся только для этого элемента) класс CSS. Как следует из определения, использование двух элементов с одинаковым значением id на странице недопустимо.

Синтаксис

...

Значения

Также, как и при определении имени класса, используются только латинские буквы, регистр которых имеет значение, цифры 0-9, символ дефиса «-» и знак подчеркивания «_». При этом начинаться идентификатор должен только с латинского символа!

Значение по умолчанию: отсутствует.

Ссылки

Официальный сайт W3C: https://html.spec.whatwg.org/multipage/dom.html#the-id-attribute

Статья на Mozilla Firefox: https://developer.mozilla.org/ru/docs/Web/HTML/Общие_атрибуты/id

Примеры

HTML Результат

htmlCodes

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">    
    <title>id|Пример №1</title>
	
	<style>
		#greenText{color: green}
		#blue_text{color: blue}		
	</style>

</head>
<body>
    		
<p>
	<span id="greenText">Зеленая строка.</span><br>
	<span id="blue_text">Синяя строка</span>
</p>

</body>
</html>

Пример №1