Атрибут align тега <iframe>

Описание

Атрибут align определяет выравнивание элемента <iframe> относительно окружающего контента. Устарел в HTML5 - вместо него рекомендуется использовать CSS-свойства.

Пример использования (устаревший):
<iframe src="widget.html" align="right" width="300" height="200" hspace="10" vspace="10"> </iframe> <p>Текст будет обтекать фрейм с правой стороны.</p>

Доступные значения:

Значение Эквивалент в CSS Описание
left float: left; Выравнивание по левому краю
right float: right; Выравнивание по правому краю
top vertical-align: top; Выравнивание по верхнему краю
middle vertical-align: middle; Выравнивание по середине
bottom vertical-align: bottom; Выравнивание по нижнему краю

Современная альтернатива на CSS:

<style> .float-right { float: right; margin: 10px; } .vertical-middle { vertical-align: middle; } </style> <iframe src="content.html" class="float-right" width="300" height="200"> </iframe> <p>Текст корректно обтекает фрейм.</p>

Рекомендации по замене устаревшего атрибута:

  • Используйте float для обтекания текстом
  • Применяйте vertical-align для вертикального выравнивания
  • Для сложного позиционирования используйте Flexbox или Grid
  • Добавляйте отступы через margin вместо hspace/vspace

Пример с Flexbox:

<style> .iframe-container { display: flex; align-items: center; /* вертикальное выравнивание */ justify-content: flex-end; /* горизонтальное выравнивание */ gap: 20px; } </style> <div class="iframe-container"> <p>Текст рядом с iframe</p> <iframe src="widget.html" width="200" height="200"></iframe> </div>

Ограничения и совместимость:

  • Атрибут работает в старых браузерах, но не валиден в HTML5
  • CSS-аналоги поддерживаются всеми современными браузерами
  • Float требует очистки (clearfix) для последующих элементов
  • Flexbox/Grid обеспечивают более предсказуемый результат

Примечание: Хотя атрибут align может еще работать в некоторых браузерах, его использование считается плохой практикой. Для современной вёрстки всегда выбирайте CSS-решения, которые предлагают больше контроля и гибкости.