Атрибут vspace тега <embed>
Описание
Атрибут vspace в теге <embed> определяет вертикальные отступы (сверху и снизу) вокруг встроенного контента. Как и hspace, этот атрибут считается устаревшим и заменяется CSS-свойствами.
<!-- Видео с вертикальными отступами -->
<embed src="video.swf" type="application/x-shockwave-flash"
width="640" height="360" vspace="30">
<!-- PDF документ с комплексными отступами -->
<embed src="manual.pdf" type="application/pdf"
width="800" height="600" hspace="20" vspace="15">
Сравнительная таблица:
| Атрибут | Назначение | CSS-эквивалент |
|---|---|---|
vspace |
Вертикальные отступы (top/bottom) | margin-top + margin-bottom |
hspace |
Горизонтальные отступы (left/right) | margin-left + margin-right |
Современная реализация на CSS:
<style>
.video-embed {
margin: 40px 0; /* 40px сверху и снизу */
display: block;
border: 1px solid #ddd;
}
</style>
<embed src="tutorial.swf" type="application/x-shockwave-flash"
class="video-embed" width="720" height="405">
Особенности и ограничения:
- Принимает только числовые значения в пикселях
- Создает одинаковые отступы сверху и снизу
- Не поддерживает отрицательные значения
- Устарел в HTML5 (используйте CSS margin)
Пример комплексного позиционирования:
<style>
.media-wrapper {
margin: 20px auto;
padding: 15px;
background: #f5f5f5;
max-width: 900px;
}
</style>
<div class="media-wrapper">
<embed src="presentation.swf" type="application/x-shockwave-flash"
width="850" height="500">
</div>
Рекомендации по переходу на CSS:
- Замените
vspace="N"наstyle="margin: Npx 0;" - Для адаптивного дизайна используйте относительные единицы (em, rem, %)
- Разделяйте margin-top и margin-bottom при разных значениях
- Комбинируйте с padding для сложных spacing-эффектов
Примечание: В отличие от CSS margin, атрибут vspace не позволяет задавать разные значения для верхнего и нижнего отступа. Для полного контроля над вертикальными отступами всегда используйте CSS-свойства margin и padding.