Вставка произвольных объектов в html-код
Помимо музыки и картинок в html-документ можно вставить практически любой объект. Делается это при помощи тегов . Также для того, чтобы этот произвольный объект работал, на компьютере посетителя сайта должны быть установлены необходимые для этого программы, например flash-анимация не будет работать без flash-плеера.
В предыдущей статье были рассмотрены теги, которые позволяют вставить фоновый звук на сайт, только не во все браузерах этот звук проигрывается и не везде отображается панель плеера. Использование тегов устраняет эти две проблемы, то есть посетитель сможет слышать музыку или фоновый звук во всех браузерах, также он будет иметь возможность управлять этим звуком.
Возьмём следующий код:
Насладись звуком прибоя
Перейдём к разъяснениям:
-
. Начинаем вставку объекта при помощи тега , который содержит следующие параметры:
-
type - указывается MIME-тип объекта, в данном случае - audio/mpeg. Самые распространённые MIME типы:
MIME-тип Тип файла Расширение audio/basic *.au аудиозапись в формате AU audio/mid *.mid аудиозапись в формате MIDI audio/mpeg *.mp3 аудиозапись в формате MP3 audio/wav *.wav аудиозапись в формате WAV video/x-msvideo *.avi видео в формате AVI video/mpeg *.mpeg, *.mpg видео в формате MPEG video/quicktime *.mov видео в формате QuickTime application/x-shockwave-flash *.swf flash - data - адрес файла.
- width. Указывается ширина объекта.
- height - высота объекта.
- align. Определяет выравнивание объекта на странице.
-
type - указывается MIME-тип объекта, в данном случае - audio/mpeg. Самые распространённые MIME типы:
-
Тег в html предназначается для передачи параметров объектам веб-страницы. Он содержит обязательные атрибуты name - имя и value - значение. Строка задаёт качество отображения объекта на странице, бывает high - высокое качество, medium - среднее и low - низкое. Строка задаёт цвет фона вокруг объекта, в нашем случае - красный. - . Похожая строчка уже встречалась в предыдущей главе. Она пишется для браузеров, которые не поддерживают теги
- . Заканчиваем вставку объекта.
Пример созданной нами веб-страницы можно посмотреть здесь.
2011 год.