Атрибут height тега <embed>
Описание
Атрибут height в теге <embed> задаёт высоту встраиваемого контента в пикселях. Определяет вертикальный размер области, в которой будет отображаться содержимое (Flash, PDF, видео и др.).
<!-- Встраивание PDF с фиксированной высотой -->
<embed src="document.pdf" type="application/pdf" width="800" height="600">
<!-- Видео с относительной высотой -->
<embed src="video.swf" type="application/x-shockwave-flash"
width="100%" height="400">
Особенности работы:
| Значение | Поведение | Рекомендации |
|---|---|---|
| Число (px) | Фиксированная высота в пикселях | Используйте для точного контроля размера |
| % | Относительно родительского контейнера | Для адаптивного дизайна |
| Не указан | Высота по умолчанию (зависит от контента) | Может нарушить макет страницы |
Важные нюансы:
- Всегда указывайте вместе с
widthдля контроля пропорций - Для видео сохраняйте соотношение сторон оригинального контента
- Минимальная рекомендуемая высота - 150px для удобства взаимодействия
Пример с адаптивным встраиванием:
<div class="embed-container">
<embed src="presentation.swf" type="application/x-shockwave-flash"
width="100%" height="500">
</div>
<style>
.embed-container {
max-width: 800px;
margin: 0 auto;
}
</style>
Советы по использованию:
- Для PDF: используйте height="600px" для комфортного чтения
- Для Flash-игр: учитывайте требования к минимальному размеру
- Для видео: рассчитывайте высоту исходя из соотношения сторон 16:9 (например: width="640" height="360")
Ограничения:
- В современных стандартах рекомендуется использовать
<iframe>вместо<embed> - Не поддерживает значения в vh/vw единицах
- Может игнорироваться некоторыми типами встраиваемого контента
Примечание: Хотя тег <embed> считается устаревшим для некоторых типов контента, он по-прежнему полезен для встраивания специализированных плагинов. Всегда тестируйте отображение на разных устройствах.