Атрибут id у HTML — унікальний ідентифікатор елемента

Опис та застосування

Задає стильової ідентифікатор - унікальне ім'я елемента, яке використовується для зміни його стилю і звернення до нього через скрипти. Ідентифікатор в коді документа повинен бути в єдиному екземплярі, іншими словами, зустрічатися тільки один раз.

Правила:

• Використовуйте тільки літери алфавіту (A-Z, a-z), числа, дефіси, знаки підкреслення.
• Ідентифікатор не повинен містити будь-яких пропусків.
• Ідентифікатор на сторінці використовується тільки до одного елементу.
• Ідентифікатори чутливі до регістру (#css-in-ua і #Css-In-UA різні ідентифікатори).

правити

Загальний опис

правити

+ додати пораду чи нотатку

Синтаксис

<p id="text">....</p>

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
	1	32	1	15	12	≤11

Підтримка: мобільні переглядачі

Переглядач
	4.4	18	32	1

Приклади

+ запропонувати свій приклад у пісочниці

<p><a href="#dolyna">Якір: перейти до елемента з id="dolyna"</a></p>

<p>
  <label for="nick">Підпис поля — for збігається з id:</label><br>
  <input id="nick" name="nick" placeholder="клацніть по підпису зліва">
</p>

<p id="dolyna">Цей блок оформлено правилом <code>#dolyna</code> — і він же ціль якоря.</p>

#dolyna {
  background: #fff3bf;
  border-left: 4px solid #e6a700;
  padding: 10px;
  scroll-margin-top: 12px;
}
#dolyna:target { outline: 2px dashed #e6a700; outline-offset: 3px; }
input { padding: 6px; font: inherit; min-width: 240px; }

<p ID="P1">Текст1</p>
<p id="p1">Текст</p>

#P1{
  color:red;
  font-size:24px;
}
#p1{
  color:green;
  font-size:12px;
}