Тег EMBED

Браузер	Internet Explorer			Netscape			Opera			Safari	Mozilla	Firefox
Версия	5.5	6.0	7.0	6.0	7.0	8.0	7.0	8.0	9.0	1.0	1.7	1.0	2.0
Поддерживается	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да

HTML:

3.2

XHTML:

1.0

1.1

Описание

Элемент <EMBED> используется для загрузки и отображения объектов (например, видеофайлов, флэш-роликов, некоторых звуковых файлов и т.д.), которые исходно браузер не понимает. Как правило, такие объекты требуют подключения к браузеру специального модуля, который называется плагин, или запуска вспомогательной программы.

Спецификация HTML 4.0 рекомендует использовать тег <OBJECT> для загрузки внешних данных вместо тега <EMBED>. Однако некоторые браузеры не отображают таким образом нужную информацию, поэтому наилучшим вариантом будет поместить <EMBED> внутрь контейнера <OBJECT>.

Вид внедренного объекта зависит от установленных в браузере плагинов, типа загружаемого файла, а также от параметров тега <EMBED>. На рис. 1 и рис. 2 показан вид воспроизведения в браузере различных типов файлов.

Рис. 1. Воспроизведение видеофайла в браузере

Рис. 2. Воспроизведение аудиофайла в браузере

Синтаксис

Параметры

align: Определяет как объект будет выравниваться на странице и способ его обтекания текстом.
height — высота объекта.
hidden: Указывает, скрыть объект на странице или нет.
hspace: Горизонтальный отступ от объекта до окружающего контента.
pluginpage: Адрес страницы в Интернете, откуда можно скачать и установить плагин к браузеру.
src: Путь к файлу.
type: MIME-тип объекта.
vspace: Вертикальный отступ от объекта до окружающего контента.
width: Ширина объекта.

Закрывающий тег

Обязателен.

Пример 1. Использование тега <EMBED>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Тег EMBED</title>
</head>
<body>

<embed src="mouse.swf" width="400" height="300" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>

</body>
</html>

Описание параметров тега <EMBED>

Параметр ALIGN

HTML:

3.2

XHTML:

1.0

1.1

Описание

Определяет выравнивание объекта на странице и способ его отображения совместно с другими нижележащими элементами вроде текста

Синтаксис

Аргументы

absmiddle: Выравнивание середины объекта по середине текущей строки.
baseline: Выравнивание объекта по базовой линии текущей строки.
bottom: Выравнивание нижней границы объекта по окружающему тексту.
left: Выравнивает объект по левому краю окна, текст обтекает его справа.
middle: Выравнивание середины объекта по базовой линии текущей строки.
right: Выравнивает объект по правому краю окна, текст обтекает слева.
texttop: Верхняя граница объекта выравнивается по самому высокому текстовому элементу текущей строки.
top: Верхняя граница объекта выравнивается по самому высокому элементу текущей строки.

Значение по умолчанию

bottom

Пример 2. Выравнивание объекта

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Тег EMBED, параметр align</title>
</head>
<body>

<embed src="movie.avi" width="400" height="300" align="left"></embed>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.

</body>
</html>

Параметр HEIGHT и WIDTH

HTML:

3.2

XHTML:

1.0

1.1

Описание

Параметр height устанавливает высоту объекта, а width — его ширину. В заданные размеры входит не только само изображение, например в случае воспроизведения видеофайла, но и панель управления им, включая кнопки проигрывания, паузы, остановки и т.д. По этой причине на размер отображаемого объекта влияет тип файла и применяемый плагин.

Если используется процентная запись, то размеры объекта вычисляются относительно родительского элемента — контейнера, где находится тег <EMBED>. В случае отсутствия родительского контейнера, в его качестве выступает окно браузера. Иными словами, width="100%" означает, что объект будет занимать всю доступную ширину веб-страницы.

Несмотря на заданные размеры объекта, его исходные пропорции сохраняются, но в случае явного диссонанса высоты и ширины добавляется пустое пространство по вертикали или горизонтали.

Синтаксис

Обязательные параметры

Да.

Аргументы

Любое целое положительное число в пикселах или процентах.

Значение по умолчанию

Нет.

Параметр HIDDEN

HTML:

3.2

XHTML:

1.0

1.1

Описание

Параметр hidden представляет собой выключатель, который определяет, отображать объект в окне браузера или нет. Это особенно удобно для скрытия панели управления при воспроизведении фоновой музыки. Если этот атрибут указан, значение параметров width и height игнорируется.

Синтаксис

Аргументы

Нет.

Значение по умолчанию

По умолчанию этот параметр выключен.

Пример 3. Сокрытие объекта

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Тег EMBED, параметр hidden</title>
</head>
<body>

<embed src="jazz.mp3" hidden></embed>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.

</body>
</html>

Параметр HSPACE и VSPACE

HTML:

3.2

XHTML:

1.0

1.1

Описание

Для любого объекта можно задать невидимые отступы по горизонтали и вертикали с помощью параметров hspace и vspace. Особенно это актуально при обтекании объекта текстом, в этом случае необходимо вокруг него добавить пустое пространство.

Синтаксис

Аргументы

Любое целое положительное число в пикселах.

Значение по умолчанию

Пример 4. Отступы вокруг объекта

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Тег EMBED, параметр hspace и vspace</title>
</head>
<body>

<embed src="banner.swf" width="600" height="200" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" hspace="10" vspace="10"></embed>

</body>
</html>

Параметр PLUGINSPAGE

HTML:

3.2

XHTML:

1.0

1.1

Описание

Если браузер не поддерживает указанный тип файлов заданный параметром src, то pluginspage используется для того, чтобы перейти по указанному адресу, откуда можно скачать и установить необходимый плагин. Браузер сообщает пользователю, что требуемого плагина для отображения файла нет, и запрашивает, загружать его или нет.

Синтаксис

Аргументы

Любой корректный URL (Universal Resource Locator, универсальный указатель ресурсов).

Значение по умолчанию

Нет.

Пример 5. Адрес требуемого плагина

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Тег EMBED, параметр pluginspace</title>
</head>
<body>

<embed src="ban.swf" width="200" height="200" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>

</body>
</html>

Параметр SRC

HTML:

3.2

XHTML:

1.0

1.1

Описание

Параметр src указывает путь к файлу, который необходимо загрузить в окно браузера. Браузер анализирует расширение файла и решает по нему, какой плагин или внешняя программа требуется для отображения файла.

Синтаксис

Аргументы

В качестве значения принимается полный или относительный путь к файлу.

Значение по умолчанию

Нет.

Параметр TYPE

Описание

Не всегда браузер может распознать тип файла по его расширению. В таких случаях лучше указывать его тип с помощью параметра type, который устанавливает MIME-тип для данных.

Синтаксис

Аргументы

Имя MIME-типа в любом регистре. Допускается устанавливать сразу несколько значений, разделяя их запятыми.

Значение по умолчанию

Нет.