Справочники

HTML Элементы HTML Атрибуты Глобальные Атрибуты HTML События HTML MIME-типы HTML Коды языков HTMLТаблица цветов HTML ASCII HTML ISO-8859-1 HTML Windows-1251 HTML UTF-8 кирилица HTML URL для UTF-8 HTML URL для ISO-8859


 


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>)

Браузер анализирует расширение файла и решает по нему, какой плагин или внешняя программа требуется для отображения файла:

Пример HTML:

Попробуй сам
<embed src="shar.swf">

Атрибут src (Элемент <iframe>)

Атрибут src указывает адрес файла, который будет загружаться во фрейм. Это может быть HTML-документ, изображение или серверная программа. Допустимо использовать не только путь к файлу, но также имя функции JavaScript, которое возвращает значение.

Пример HTML:

Попробуй сам
<iframe src="att_src.html" width="450" height="450"></iframe>

Атрибут src (Элемент <img>)

Атрибут src определяет местонахождение (URL) изображения.
Во время загрузки страницы браузер также загружает изображения и вставляет их в код страницы. Если по указанному URL изображение не будет найдено, то браузер вставит на его место иконку "битой" или недостоверной ссылки.

Пример HTML:

Попробуй сам
<img src="/../images/smiley.jpg" alt="Смайлик" width="100" height="75">

Атрибут 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 и могут размещаться в любом доступном месте.
Преимуществ использования внешних файлов со скриптом несколько. Внешний файл после первого обращения сохраняется в кэше браузера и при последующих вызовах загружается быстрее. Кроме того, вызываемые функции удобно править в одном месте и код проще контролировать. Это особенно актуально, когда несколько веб-страниц используют одни и те же скрипты.

Пример HTML:

Попробуй сам
<script src="demo_time.js">
</script>

Атрибут 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 имеет следующую поддержку браузерами для каждого элемента:

Элемент
<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+

Спецификации

Спецификация Статус
HTML5 (W3C) Рекомендация
HTML 5.1 (W3C) Рекомендация

Учебник HTML

HTML уроки: HTML Атрибуты