Атрибут src

❮ Предыдущий Все HTML Атрибуты Следующий ❯

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

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

Относится к

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

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

Пример

Пример аудио

Звуковой проигрыватель:

<audio src=»horse.ogg» controls>
Your browser does not support the audio element.
</audio>

Пример встраивания

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

<embed src=»helloworld. swf»>

Пример iframe

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

<iframe src=»/default.php»></iframe>

Пример IMG

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

<img src=»smiley.gif» alt=»Smiley face»>

Пример ввода

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

<form action=»/action_page.php»>
  First name: <input type=»text» name=»fname»><br>
  <input type=»image» src=»submit.gif» alt=»Submit»>
</form>

Пример сценария

Наведите указатель на внешний файл JavaScript:

<script src=»myscripts.js»></script>

Пример источника

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

<audio controls>
  <source src=»horse.ogg» type=»audio/ogg»>
  <source src=»horse.mp3″ type=»audio/mpeg»>
Your browser does not support the audio element.
</audio>

Пример трека

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

<video 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=»English»>
  <track src=»subtitles_no.vtt» kind=»subtitles» srclang=»no» label=»Norwegian»>
</video>

Пример видео

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

<video src=»movie.ogg» controls>
  Your browser does not support the video tag.

</video>

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

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

Элемент
audio4.09.03.54.010.5
embedДаДаДаДаДа
iframeДаДаДаДаДа
imgДаДаДаДаДа
input1.
0		2.01.01.01.0
scriptДаДаДаДаДа
source4.09.03.54.010.5
track18.010.031.06.015.0
video4.09.03.54.010.5

❮ Предыдущий Все HTML Атрибуты Следующий ❯

src атрибут HTML теґа script

  • Головна
  • html
  • теґи
  • <script>
  • src

Атрибут src (HTML тега <script>) вказує на зовнішній файл скрипта.

При використанні атрибуту src елемент <script> повинен бути порожнім (не повинен містити ніякої інформація між <script> і </ script>). В одному елементі <script> підключається тільки один скрипт.

Нотатка:

Використання зовнішніх скриптів дозволить Вам використовувати їх багаторазово на необхідних сторінках Вашого сайту, не переписуючи скрипти знову і знову для кожної окремої сторінки.

Крім того, браузер користувача може завантажити його один раз і надалі довантажувати скрипт зі свого кеша, що значно може збільшити швидкість завантаження Ваших сторінок.

Запропонувати свою пораду чи нотатку

ПорадаНотатка

Синтаксис

<script src="URL">...</script>

Атрибут src може отримувати єдине значення :

URL

URL адреса зовнішнього файлу скрипта. Допускається використання як відносних (/pathto/myscript.js), так і абсолютних адрес (http://anydomain.ru/pathto/script.js).

Переглядачі

  • Стаціонарні переглядачі
  • Мобільні переглядачі
Переглядач

1+

1+

1+

3. 5+

3+

12+

Переглядач

1+

1+

1+

1+

Приклади

  • Приклад 1

Найпростіший приклад використання атрибута <src> тегу <style>




  See the Pen 


  Script_src_css_in_ua by css. in.ua (@css_in_ua)


  on CodePen.

Різниця між HTML 4.01 та HTML5

Немає жодної різниці.

Різниця між XHTML та HTML

Немає жодної різниці.

Атрибут HTML src

❮ Предыдущий Все атрибуты HTML Далее ❯

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

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

Применяется к

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

Элементы
Атрибут
<аудио> источник
<встроить> источник

Попробуйте сами »

Пример Img

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

Smiley face

Попробуйте сами »

Пример ввода

HTML-форма с изображением который представляет кнопку отправки:


Имя:

 

Попробуйте сами »

Пример сценария

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

Попробуйте сами »

Пример исходного кода

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

<управление звуком>
 
 
Ваш браузер не поддерживает элемент audio.

Попробуйте сами »

Пример дорожки

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

<управление видео>
 
  < source src="forrest_gump.ogg" type="video/ogg">
 
 

Пример видео

Воспроизвести видео:

<управление видео src="movie.ogg">
Ваш браузер не поддерживает видео тег.

Попробуйте сами »

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

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

Элемент
аудио 4,0 9.
0		 3,5 4,0 10,5
встроенный Да Да Да Да Да
iframe Да Да Да Да Да
изображение Да Да Да Да Да
ввод 1,0 2,0 1,0 1,0 1,0
сценарий Да Да Да Да
Да
источник 4,0 9,0 3,5 4,0 10,5
дорожка 18,0 10,0 31,0 6,0 15,0
видео 4,0 9,0 3,5 4,0 10,5

❮ Предыдущий Все атрибуты HTML Далее ❯

ВЫБОР ЦВЕТА

Лучшие учебники
Учебное пособие по HTML
Учебное пособие по CSS
Учебное пособие по JavaScript
Учебное пособие
Учебное пособие по SQL
Учебное пособие по Python
Учебник по W3.
CSS
Учебник по Bootstrap
Учебник по PHP
Учебник по Java
Учебник по C++
Учебник по jQuery

Лучшие ссылки
HTML Reference
CSS Reference
JavaScript Reference
SQL Reference
Python Reference
W3.CSS Reference
Bootstrap Reference
PHP Reference
HTML Colors
Java Reference
Angular Reference
jQuery Reference

903 16 лучших примеров Примеры HTML
Примеры CSS
Примеры JavaScript
Примеры инструкций
Примеры SQL

Примеры Python
Примеры W3.CSS
Примеры Bootstrap
Примеры PHP
Примеры Java
Примеры XML
Примеры jQuery

FOR УМ | О

W3Schools оптимизирован для обучения и обучения. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно пересматриваются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего содержания. Используя W3Schools, вы соглашаетесь прочитать и принять наши условия использования, куки-файлы и политика конфиденциальности.

Copyright 1999-2023 Refsnes Data. Все права защищены.
W3Schools использует W3.CSS.

Атрибут HTML input src

❮ Тег HTML

Пример

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


 
 


 

Попробуйте сами »

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

Атрибут src указывает URL-адрес изображения, используемого в качестве кнопки отправки.

Примечание: Атрибут src может быть только используется с (и требуется для) .

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

Числа в таблице указывают первую версию браузера, полностью поддерживающую атрибут.

Атрибут
источник Да Да Да Да Да

Синтаксис

Значения атрибутов

Значение Описание
URL-адрес Указывает URL-адрес изображения для использования в качестве кнопки отправки.

Возможные значения:

  • Абсолютный URL-адрес — указывает на другой веб-сайт (например, src=»http://www.example.com/submit.gif»)
  • Относительный URL-адрес — указывает на файл на веб-сайте (например, src=»submit.gif»)
❮ Тег HTML

ВЫБОР ЦВЕТА

Лучшие учебники
Учебное пособие по HTML
Учебное пособие по CSS
Учебное пособие по JavaScript
Учебное пособие
Учебное пособие по SQL
Учебное пособие по Python
Учебник по W3.CSS
Учебник по Bootstrap
Учебник по PHP
Учебник по Java
Учебник по C++
Учебник по jQuery

Лучшие ссылки
HTML Reference
CSS Reference
JavaScript Reference
SQL Reference
Python Reference
W3.CSS Reference
Bootstrap Reference
PHP Reference
HTML Colors
Java Reference
Angular Reference
jQuery Reference

903 16 лучших примеров Примеры HTML
Примеры CSS
Примеры JavaScript
Примеры инструкций
Примеры SQL
Примеры Python
Примеры W3.

No related posts.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *