Атрибут type
Синтаксис
HTML
<[audio | video]> ... <source src="..." type="[значение]"> ... </[audio | video]> или <picture> ... <source srcset="..." type="[значение]"> ... <img src="..." alt="..."> </picture>
Описание
Атрибут / параметр type
(от англ. "type" ‒ «тип, вид») указывает MMIME-тип содержимого альтернативного источника.
Примечание
Данный атрибут является необязательным, но рекомендуется к использованию, так как он позволяет браузеру избежать загрузки содержимого не поддерживаемого типа.
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
Верс. | Раздел |
---|---|
HTML | |
2.0 | |
3.2 | |
4.01 | |
5.0 | 4.7.8 The source element The type attribute... |
5.1 | |
XHTML | |
1.0 | |
1.1 |
Значения
В качестве значения указывается MIME-тип содержимого.
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр type (Элемент source)</title>
</head>
<body>
<h1>Пример использования атрибута "type"</h1>
<video width="500" height="375" poster="/html/html-images/The_New_CLS.jpg" controls="controls">
<source src="/examples/multimedia/video/The_New_CLS.mp4" type="video/mp4">
<source src="/examples/multimedia/video/The_New_CLS.webm" type="video/webm">
<source src="/examples/multimedia/video/The_New_CLS.ogv" type="video/ogg">
<p>Ваш веб-браузер не поддерживает элемент «video».</p>
</video>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр type (Элемент source)</title>
</head>
<body>
<h1>Пример использования атрибута "type"</h1>
<video width="500" height="375" poster="/html/html-images/The_New_CLS.jpg" controls="controls">
<source src="/examples/multimedia/video/The_New_CLS.mp4" type="video/mp4">
<source src="/examples/multimedia/video/The_New_CLS.webm" type="video/webm">
<source src="/examples/multimedia/video/The_New_CLS.ogv" type="video/ogg">
<p>Ваш веб-браузер не поддерживает элемент «video».</p>
</video>
</body>
</html>
Параметр type (Элемент source)