Чем src отличается от href
Перейти к содержимому

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

  • автор:

Как не путать href с src? Часто в хтмл путаю где ставить href а где src. Есть ли между ними явная разница?

Если не ошибаюсь, еще в < link >href используется, а scr не канает.

как дополнение ответа 😉

Владимир Епончинцев Мастер (2373) да, я че-то про голову не подумал))))))))))

Атрибут link используется только в и . Атрибут src используется по-моему только в теге .

ЮраМыслитель (6084) 7 лет назад
Вы что? Какой link?

href используется в теге link, ссылках. src Используется в изображениях, а также в iframe-везде, где нужно указать источник.

Похожие вопросы
Ваш браузер устарел

Мы постоянно добавляем новый функционал в основной интерфейс проекта. К сожалению, старые браузеры не в состоянии качественно работать с современными программными продуктами. Для корректной работы используйте последние версии браузеров Chrome, Mozilla Firefox, Opera, Microsoft Edge или установите браузер Atom.

отличие href от src ?

RPI.su — самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected] . Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.

Разница между SRC и HREF

ПРИМЕЧАНИЕ: ответ @John-Yin более подходящий с учетом изменений в спецификациях.

Да. Существует различие между src и href, и они не могут быть использованы взаимозаменяемыми. Мы используем src для замененных элементов, в то время как href для установления связи между документом-ссылкой и внешним ресурсом.

Атрибут href (ссылка на гипертекстовый ресурс) указывает местоположение веб-ресурса, определяя, таким образом, связь или связь между текущим элементом (в случае якоря a ) или текущим документом (в случае link ) и целевым якорем или ресурсом, определенным этим атрибутом. Когда мы пишем:

Браузер понимает, что этот ресурс является таблицей стилей, и обработка разбора страницы не приостанавливается (рендеринг может быть приостановлен, так как браузеру нужны правила стиля для покраски и рендеринга страницы). Это не похоже на удаление содержимого файла css внутри тега style . (Поэтому рекомендуется использовать link , а не @import для прикрепления таблиц стилей к вашему html-документу.)

Атрибут src (Источник) просто встраивает ресурс в текущий документ в месте определения элемента. Например, когда браузер находит

Загрузка и обработка страницы приостанавливаются до тех пор, пока браузер не получит, не скомпилирует и не выполнит файл. Это похоже на сброс содержимого js-файла внутри тега script . Аналогично и с тегом img . Он является пустым тегом, и содержимое, которое должно входить в него, определяется атрибутом src . Браузер приостанавливает загрузку до тех пор, пока не получит и не загрузит изображение. [также и с iframe ]

Это причина, почему желательно загрузить все файлы JavaScript внизу (перед тегом )

обновление : См. ответ @John-Yin для получения дополнительной информации о том, как он реализован в соответствии с спецификациями HTML 5.

Поделиться 17 октября 2011 в 14:04

Ответ apnerve был правильным до появления HTML 5, теперь это немного сложнее.

Например, элемент script , согласно спецификации HTML 5, имеет два глобальных атрибута, которые изменяют то, как работают функции атрибута src : async и defer . Это изменяет то, как должен выполняться скрипт (встроенный в файл или импортированный из внешнего файла).

Это означает, что есть три возможных режима, которые можно выбрать, используя эти атрибуты:

  1. Когда атрибут async присутствует, то скрипт будет выполнен асинхронно, как только он будет доступен.
  2. Когда атрибут async отсутствует, но атрибут defer присутствует, то скрипт выполняется, когда страница завершит разбор.
  3. Когда ни один из атрибутов не присутствует, то скрипт выполняется немедленно, прежде чем пользовательский агент продолжит разбор страницы.

Для получения дополнительной информации, пожалуйста, см. Рекомендацию HTML 5

Я просто хотел обновить с новым ответом для тех, кто время от времени посещает эту тему. Некоторые ответы должны быть проверены и заархивированы stackoverflow и каждым из нас.

Поделиться 04 февраля 2014 в 10:27

Я думаю, что добавляет некоторые ресурсы на страницу, а — это просто для предоставления ссылки на ресурс (без добавления самого ресурса на страницу).

Поделиться 03 августа 2010 в 10:04

HССЫЛКА: Является ли ССЫЛКА сущностью информации для текущей страницы т.е. css-информацией для стиля страницы или ссылкой на другую страницу. Парсинг страницы не прекращается.

SRC: Является ли reИСТОЧНИком для добавления/загрузки на страницу, как в изображениях или javascript. Парсинг страницы может прекратиться в зависимости от закодированного атрибута. Поэтому лучше добавить скрипт перед завершающим тегом body, чтобы не задерживалось отображение страницы.

Поделиться 13 февраля 2015 в 16:20

Простое определение

SRC : (Source). To specify the origin of (a communication); document: HREF : (Hypertext Reference). A reference or link to another page, document. 

Поделиться 10 апреля 2012 в 16:02

SRC(Source) — Я хочу загрузить этот ресурс для себя.

Например:

Absolute URL with script element:  Relative URL with img element :

HREF(Hypertext ССЫЛКА) — Я хочу обратиться к этому ресурсу для кого-то другого.

Например:

Absolute URL with anchor element: Click here Relative URL with link element: 

Поделиться 14 мая 2015 в 06:56

Простое определение

  • SRC: Если ресурс может быть размещен внутри тега body (для изображения, скрипта, iframe, фрейма)
  • HREF: Если ресурс не может быть размещен внутри тега body и может быть связан только с ним (для html, css)

Поделиться 06 июня 2014 в 01:45

Вы должны помнить, когда все должны использовать это, и именно это
href используется с ссылками

src используется с скриптами и изображениями

  

url обычно используется в CSS для включения чего-то, например, для добавления фонового изображения

selector

Поделиться 20 августа 2012 в 04:55

после прохождения документации HTML 5.1 (1 ноября 2016):

часть 4 (Элементы HTML)

глава 2 (Метаданные документа)

раздел 4 (Элемент ссылки) гласит, что:

Цель ссылки (ссылок) задается атрибутом href , который должен присутствовать и содержать допустимый непустой URL, потенциально окруженный пробелами. Если атрибут href отсутствует, то элемент не определяет ссылку.

не содержит атрибут src .

ведьма логична, потому что это ссылка.

глава 12 (Скриптовое оформление)

раздел 1 (Элемент скрипта) гласит, что:

Классические скрипты могут быть либо встроены встроенно, либо импортированы из внешнего файла с помощью атрибута src , который, если указан, дает URL внешнего ресурса скрипта для использования. Если указан src , он должен быть действительным непустым URL, потенциально окруженным пробелами. Содержимое элементов встроенного скрипта или внешнего ресурса скрипта должно соответствовать требованиям производства скриптов для классических скриптов спецификации JavaScript.

он даже не упоминает атрибут href .

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

глава 7 (Встроенное содержимое)

раздел 5 (Элемент img)

Изображение, предоставленное атрибутами src и srcset , и любыми предыдущими атрибутами srcset в соседних исходных элементах, если родительский элемент является элементом picture , является встроенным содержимым.

также не упоминает атрибут href .

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

Поделиться 09 июня 2017 в 04:08

У них нет похожих значений.’src’ указывает на ресурс, который браузер должен получить в рамках текущей страницы. HREF указывает на ресурс, который будет получен, если пользователь запросит его.

Поделиться 03 августа 2010 в 10:06

Когда установлен атрибут href элемента A, элемент определяет исходный якорь для ссылки, которая может быть активирована пользователем для получения веб-ресурса. Исходный якорь — это местоположение экземпляра A, а конечный якорь — это веб-ресурс.

Этот атрибут указывает местоположение ресурса изображения. Примеры широко признанных форматов изображений включают GIF, JPEG и PNG.

Поделиться 03 августа 2010 в 10:11

Если вы говорите о HTML4, его список атрибутов может помочь вам с тонкостями. Они не взаимозаменяемы.

Поделиться 03 августа 2010 в 09:59

Они не взаимозаменяемы — каждый определяется на разных элементах, как видно здесь.

Они действительно имеют похожие значения, поэтому это несогласованность. Я бы предположил, что в основном из-за разных тегов, реализуемых различными поставщиками, сначала и затем подчиняются спецификации, чтобы избежать обратной совместимости.

Поделиться 03 августа 2010 в 10:01

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

Когда вы используете его на своей веб-странице, браузер видит, что это таблица стилей, и, следовательно, продолжает отображение страницы, так как таблица стилей загружается параллельно.

Когда вы используете ее на своей веб-странице, он сообщает браузеру вставить ресурс в местоположение. Теперь браузер должен получить файл js, а затем загрузить его. Пока браузер не завершит процесс загрузки, процесс отображения страницы останавливается. Вот почему YUI рекомендует загружать ваши файлы JS в самом низу вашей веб-страницы.

Поделиться 19 апреля 2017 в 06:40

Я согласен с тем, что говорит апнерв о различии. Но в случае с CSS это выглядит странно. Так как CSS также загружается на клиент браузером. Это не похоже на тег якоря, который указывает на какой-либо конкретный ресурс. Поэтому использование href кажется мне странным. Даже если он не загружен на страницу без этой страницы, он не может выглядеть полным, и поэтому он не просто относится к ресурсу, но относится к многим другим ресурсам, таким как изображения.

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

HamSter007

URL АдресАдреса применяются для указания пути к файлу, например, для установки фоновой картинки на странице. Для этого применяется ключевое слово url(), внутри скобок пишется относительный или абсолютный адрес файла.

Атрибут hrefЗадает адрес документа, на который следует перейти.

Атрибут srcУказывает адрес файла (URL), который будет загружаться во фрейм. Это может быть HTML-документ, изображение или серверная программа.

Поисковик не помог.

. Очень жаль, потому что в сети очень много информации на этот счет.

url — адрес, путь.
src , href — атрибуты тега.

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

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