САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ

Обновляется!!! Справочник JavaScript

HTML Атрибут src



Определение и использование

Атрибут src указывает расположение (URL) внешнего ресурса.


Применение

Атрибут src можно использовать для следующих элементов:

Элемент Атрибут
<audio> src
<embed> src
<iframe> src
<img> src
<input> src
<script> src
<source> src
<track> src
<video> src

Примеры

Пример Audio

Аудиоплеер:

<audio src="horse.ogg" controls>
Ваш браузер не поддерживает элемент аudio.
</audio>
Попробуйте сами »

Пример Embed

Встроенная флэш-анимация:

<embed src="helloworld.swf">
Попробуйте сами »

Пример Iframe

<iframe> в самом простом варианте использования:

<iframe src="/default.php"></iframe>
Попробуйте сами »

Пример Img

Изображение помечается следующим образом:

<img src="smiley.gif" alt="Улыбка">
Попробуйте сами »

Пример Input

форма HTML с изображением, представляющим кнопку отправки:

<form action="/action_page.php">
  Имя: <input type="text" name="fname"><br>
  <input type="image" src="submit.gif" alt="Отправить">
</form>
Попробуйте сами »

Пример Script

Укажить на внешний файл JavaScript:

<script src="myscripts.js"></script>
Попробуйте сами »

Пример Source

Аудиоплеер с двумя исходными файлами. Браузер должен выбрать, какой файл (если таковой имеется) поддерживает:

<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
Ваш браузер не поддерживает тег audio.
</audio>
Попробуйте сами »

Пример Track

Видео с двумя дорожками субтитров:

<video width="320" height="240" controls>
  <source src="forrest_gump.mp4" type="video/mp4">
  <source src="forrest_gump.ogg" type="video/ogg">
  <track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="Английский">
  <track src="subtitles_no.vtt" kind="subtitles" srclang="no" label="Норвежский">
</video>

Пример Video

Воспроизведение video:

<video src="movie.ogg" controls>
 Ваш браузер не поддерживает тег video.
</video>
Попробуйте сами »

Поддержка браузеров

Атрибут src имеет следующую поддержку браузера для каждого элемента:

Элемент
audio 4.0 9.0 3.5 4.0 10.5
embed Да Да Да Да Да
iframe Да Да Да Да Да
img Да Да Да Да Да
input 1.0 2.0 1.0 1.0 1.0
script Да Да Да Да Да
source 4.0 9.0 3.5 4.0 10.5
track 18.0 10.0 31.0 6.0 15.0
video 4.0 9.0 3.5 4.0 10.5