Атрибут id тега <embed>
Описание
Атрибут id в теге <embed> задаёт уникальный идентификатор элемента, который можно использовать для:
- Точечной стилизации через CSS
- Доступа к элементу через JavaScript
- Связки с элементами формы через
label - Якорных ссылок внутри страницы
<!-- PDF с уникальным ID -->
<embed src="report.pdf" type="application/pdf"
id="annual-report" width="800" height="600">
<!-- Видео с ID для управления -->
<embed src="player.swf" type="application/x-shockwave-flash"
id="main-video-player" width="640" height="360">
Основные сценарии применения:
| Технология | Пример | Назначение |
|---|---|---|
| CSS | #annual-report { border: 2px solid blue; } |
Уникальное оформление |
| JavaScript | document.getElementById('main-video-player') |
Программное управление |
| Якорные ссылки | <a href="#annual-report">К отчету</a> |
Быстрая навигация |
Пример комплексного использования:
<style>
#interactive-chart {
width: 100%;
height: 500px;
border: 1px solid #eee;
margin-bottom: 20px;
}
</style>
<embed src="chart.swf" type="application/x-shockwave-flash"
id="interactive-chart">
<button onclick="document.getElementById('interactive-chart').src='new-chart.swf'">
Обновить график
</button>
Правила именования ID:
- Должен начинаться с буквы (A-Z, a-z)
- Может содержать цифры, дефисы и подчёркивания
- Должен быть уникальным в пределах документа
- Чувствителен к регистру (recommendation ≠ Recommendation)
Важные особенности:
- Приоритетнее классов в CSS-каскаде
- Доступен через глобальную переменную в браузерах
- Может использоваться как селектор в querySelector
- Для динамически создаваемых элементов проверяйте уникальность
Ограничения:
- Некоторые символы (пробелы, точки) запрещены
- Не рекомендуется использовать кириллицу
- ID нельзя повторно использовать на странице
- Для некоторых плагинов требуется дополнительная обработка
Примечание: Хотя id является универсальным атрибутом, его применение с <embed> особенно полезно для управления плагинами через JavaScript. Для стилизации чаще предпочтительнее использовать классы, чтобы сохранить возможность повторного использования стилей.