| Элемент | ||||||
| <audio> | 9+ | 3+ | 10.5+ | Да+ | 3.1+ | 3.5+ |
| <embed> | 3+ | 1+ | 3.5+ | 1+ | 1+ | 1+ |
| <iframe> | 4+ | 1+ | 4+ | 1+ | 1+ | 1+ |
| <img> | 1+ | 1+ | 1+ | 1+ | 1+ | 1+ |
| <input> | 2+ | 1+ | 1+ | 1+ | 1+ | 1+ |
| <script> | 3+ | 1+ | 3.5+ | 1+ | 1+ | 1+ |
| <source> | 9+ | 8+ | 10.5+ | Да | 4+ | 3.5+ |
| <track> | 10+ | 18+ | 10.5+ | Да | 4+ | 31+ |
| <video> | 9+ | 4+ | 11.5+ | Да+ | 4+ | 3.5+ |
HTML Атрибут src
Атрибут src (от англ. "source" — «источник») указывает местоположение (URL) внешнего ресурса (изображения, файла или страницы) на который ссылается тег.
Синтаксис
<element src='URL'>Значения
Значением выступает URL-адрес документа — относительный или абсолютный.
Значение по умолчанию
Нет.
Применяется к тегам
| Элементы | Атрибут |
|---|---|
| <audio> | src |
| <embed> | src |
| <iframe> | src |
| <img> | src |
| <input> | src |
| <script> | src |
| <source> | src |
| <track> | src |
| <video> | src |
Отличия HTML 4.01 от HTML 5
Нет.
Примеры использования:
Атрибут src (Элемент <audio>)
В примере определяется файл в формате OGG. Данный код будет успешно работать в браузерах Firefox, Chrome и Opera. Чтобы аудиофайл воспроизводился в браузерах Internet Explorer и Safari, он должен быть в формате MP3:
Пример HTML:
Попробуй сам<audio src="audio/BigHornsIntro.ogg" controls>
Ваш браузер не поддерживает тег audio.
</audio>Атрибут src (Элемент <source>)
Чтобы код работал во всех браузерах, используйте тег <source> внутри тега <audio>. Элемент <source> позволяет ссылаться на несколько аудиофайлов. В этом случае браузер будет использовать первый подходящий аудиофайл:
Пример HTML:
Попробуй сам<audio controls>
<source src="audio/BigHornsIntro.ogg" type="audio/ogg">
<source src="audio/BigHornsIntro.mp3" type="audio/mpeg">
Ваш браузер не поддерживает тег audio.
</audio>Атрибут src (Элемент <embed>)
Браузер анализирует расширение файла и решает по нему, какой плагин или внешняя программа требуется для отображения файла:
Атрибут src (Элемент <iframe>)
Атрибут src указывает адрес файла, который будет загружаться во фрейм. Это может быть HTML-документ, изображение или серверная программа. Допустимо использовать не только путь к файлу, но также имя функции JavaScript, которое возвращает значение.
Атрибут src (Элемент <img>)
Атрибут src определяет местонахождение (URL) изображения.
Во время загрузки страницы браузер также загружает изображения и вставляет их в код страницы. Если по указанному URL изображение не будет найдено, то браузер вставит на его место иконку "битой" или недостоверной ссылки.
Атрибут src (Элемент <input>)
Атрибут src определяет местонахождение (URL) изображения для элемента ввода.
Атрибут src является обязательным для <input type="image"> и может использоваться только с <input type="image">.
Пример HTML:
Попробуй сам<form action="action_form.php">
Имя: <input type="text" name="firstname"><br>
<input type="image" src="/../images/html.gif" alt="Отправить" width="109" height="48">
</form>Атрибут src (Элемент <script>)
Атрибут src определяет местонахождение (URL) внешнего файла скрипта.
Файлы со скриптами обычно имеют расширение .js и могут размещаться в любом доступном месте.
Преимуществ использования внешних файлов со скриптом несколько. Внешний файл после первого обращения сохраняется в кэше браузера и при последующих вызовах загружается быстрее. Кроме того, вызываемые функции удобно править в одном месте и код проще контролировать. Это особенно актуально, когда несколько веб-страниц используют одни и те же скрипты.
Атрибут src (Элемент <track>)
Атрибут src является обязательным для элемента <track>. Он определяет местонахождение (URL) текстовой дорожки для медиафайла.
Пример HTML:
Попробуй сам<video width="500" height="375" controls>
<source src="video/Angels.mp4" type="video/mp4">
<source src="video/Angels.webm" type="video/webm">
<track src="video/angels.ru.vtt" kind="subtitles" srclang="ru" label="Russia">
<track src="video/angels.fr.vtt" kind="subtitles" srclang="fr" label="France">
</video>Атрибут src (Элемент <video>)
Атрибут src указывает путь к воспроизводимому видеоролику. Для этой же цели можно использовать элемент <source>.
Пример HTML:
Попробуй сам<video width="350" height="250" src="video/merc_benz.mp4" controls>
Ваш браузер не поддерживает тег video.
</video>Поддержка браузерами
Атрибут src имеет следующую поддержку браузерами для каждого элемента:
Спецификации
| Спецификация | Статус |
|---|---|
| HTML5 (W3C) | Рекомендация |
| HTML 5.1 (W3C) | Рекомендация |
Учебник HTML
HTML уроки: HTML Атрибуты
