Атрибут align тега <embed>
Описание
Атрибут align в теге <embed> определяет выравнивание встроенного контента относительно окружающего текста или других элементов. Это устаревший атрибут, который рекомендуется заменять современными CSS-свойствами.
<!-- Выравнивание по левому краю с обтеканием -->
<embed src="chart.swf" type="application/x-shockwave-flash"
width="300" height="200" align="left">
<p>Текст будет обтекать флэш-ролик с правой стороны...</p>
<!-- Выравнивание по правому краю -->
<embed src="video.swf" type="application/x-shockwave-flash"
width="400" height="300" align="right">
Допустимые значения:
| Значение | Описание | CSS-эквивалент |
|---|---|---|
left |
Выравнивание по левому краю, текст обтекает справа | float: left |
right |
Выравнивание по правому краю, текст обтекает слева | float: right |
top |
Верхняя граница элемента выравнивается по самому высокому элементу строки | vertical-align: top |
middle |
Элемент выравнивается по середине относительно базовой линии | vertical-align: middle |
bottom |
Нижняя граница элемента выравнивается по базовой линии | vertical-align: bottom |
Современная альтернатива на CSS:
<style>
.embed-left {
float: left;
margin-right: 15px;
margin-bottom: 10px;
}
.embed-right {
float: right;
margin-left: 15px;
}
</style>
<embed src="animation.swf" class="embed-left">
<embed src="presentation.swf" class="embed-right">
Важные ограничения:
- Атрибут устарел в HTML5
- Не поддерживает гибкое позиционирование как Flexbox/Grid
- Ограниченные возможности по тонкой настройке отступов
- Может конфликтовать с современными CSS-правилами
Рекомендации:
- Используйте CSS вместо align для новых проектов
- Для сложного позиционирования применяйте Flexbox или Grid
- Сохраняйте align только для поддержки старых браузеров
- Всегда указывайте width и height при использовании align
Примечание: Хотя атрибут align продолжает работать в современных браузерах для обратной совместимости, его использование считается плохой практикой. Для полного контроля над расположением элементов используйте CSS-свойства float, position, display: flex и display: grid.