Оновлено: 19.05.2025

id

Frontend HTML Універсальні атрибути id

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

 

 

⌨️ Синтаксис

id="<ім'я ідентифікатора>"

 

 

⚙️ Значення

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

 

У HTML4 ідентифікатор не повинен починатися з цифри та містити інші символи, окрім дефіса, підкреслення та крапки. Дотримуйтеся цих правил, якщо вам потрібна взаємодія ідентифікаторів із JavaScript або сумісність зі старими браузерами.

 

 

⚙️ Значення за замовчуванням

Немає.

 

 

📋 Приклад

<!DOCTYPE html>
<html>
  <head>
   <metacharset="utf-8">
   <title>id attribute</title>
   <style>
    #help {
     position: absolute; /* Absolute positioning */
     right: 0; /* Position of the element from the right edge */
     top: 20px; /* Position from top edge */
     width: 225px /* Block width */
     padding: 5px /* Margin around text */
     background: #f0f0f0; /* Background color */
    }
   </style>
  </head>
  <body>
   <div id="help">
    This element helps when you are aware that
    the fact that you do not understand at all who and how can help you. Exactly
    at this point, we suggest that no one can help you.
   </div>
  </body>
</html>