Атрибут id тега <b>

Описание

Атрибут id задаёт уникальный идентификатор для элемента <b>, позволяя обращаться к нему из CSS и JavaScript. Это глобальный атрибут, обязательный для использования в DOM-операциях.

Пример использования:
<p> Обратите внимание на <b id="important-term">ключевой термин</b> в этом предложении. </p>

Основные характеристики:

Параметр Описание Обязательность
Уникальность Должен быть единственным в документе ✓ Обязательно
Синтаксис Без пробелов, начинается с буквы ✓ Обязательно
Регистр букв Чувствителен к регистру ✓ Учитывается

Практические примеры использования:

1. Стилизация через CSS:
#important-term { color: #d63384; border-bottom: 2px dashed currentColor; cursor: help; }
2. Доступ через JavaScript:
// Получение элемента const term = document.getElementById('important-term'); // Добавление обработчика term.addEventListener('click', () => { alert('Вы кликнули на ключевой термин!'); }); // Изменение содержимого term.textContent = 'обновленный термин';

Динамическое создание элементов с id:

// Создание нового элемента const newBold = document.createElement('b'); newBold.id = 'dynamic-term-' + Date.now(); newBold.textContent = 'Динамический текст'; // Добавление в документ document.body.appendChild(newBold);

Рекомендации по именованию:

  • Используйте осмысленные имена (main-title, user-address)
  • Придерживайтесь одного стиля (kebab-case или camelCase)
  • Избегайте общих имен (item1, element)
  • Учитывайте контекст страницы

Важно: Дублирование id в документе приводит к неопределенному поведению при DOM-операциях.

Проверка уникальности id:

function isIdUnique(id) { return document.getElementById(id) === null; } // Использование if (isIdUnique('new-term')) { // Создание элемента с этим id }

Лучшие практики:

  • Используйте для элементов, требующих точного доступа
  • Избегайте избыточного применения (для стилизации лучше классы)
  • Для динамического контента генерируйте уникальные id
  • Не используйте id в CSS без необходимости

Примечание: В отличие от классов, к одному элементу можно применить только один id, но этот id должен быть уникальным в пределах всей страницы.