В чём разница между url, href и src?

В чём разница между url, href и src? Встретился интересный вопрос - об отличиях между url href src .

Подробные отличия между url, href и src

1. Чем url отличается от href и src + вывод
2. Чем src отличается от href и url
3. Чем src отличается от href и url

Чем href отличается от url и src

Где используется href

Href может быть:

Используется для указания пути, в теге "а", по которому будет совершен переход - вместе будет называться ссылкой.

<a href="путь">текст</a>

Вывод об отличиях между url, href и src

Давайте прямо в первом пункте сделаем вывод о различиях url, href и src :

href - это атрибут ссылки, т.е. после нажатия мы перейдем по пути указанном в атрибуте href.

url - либо "type"(тип input), либо адрес css(например картинки) - подробнее

src - я бы назвал это мультимедиа, адрес на картинку, аудио, видео - подробнее

И ещё:

href и src - это атрибуты

Не забываем, что "src" используемый в css- это не атрибут, а дискриптор.

А url - это свойство

Основываясь на собственных знаниях

Перечислил все, что знал.

Возможно, что есть ещё какие-то способы использования всех трех значений.

Если вспомню допишу...




Чем url отличается от href и src

Url может быть:

Свойством у атрибута "type" url у input

<input type="url">

Результат:

Указание пути в css url - пример использования ниже приведенного кода.

<style>
body {
background: url(путь);
}
</style>




Чем src отличается от href и url

Src может быть:

Путь до картинки src

<img src="">

Результат:



Путь до аудио

<audio source<source src="путь"></audio>

Результат:

Путь до видео

<video controls=""><source src="путь" type="video/mp4"></video>

Результат:

В теге iframe

Например:

<iframe src="путь"></iframe>

Результат: