blocks|key|303865|text|在HTML5出现之前，阿普诺斯的答案是正确的，现在它有点复杂了。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|303866|例如，根据HTML5规范，script元素有两个全局属性，这两个属性改变了src属性的功能：async和defer。它们改变了脚本(内嵌或从外部文件导入)的执行方式。|offset|length|style|CODE|303867|这意味着可以使用这些属性选择三种可能的模式：|303868|303869|如果存在async属性，则脚本将在可用时立即异步执行。|ordered-list-item|303870|如果不存在async属性，但存在defer属性，则在页面分析完成后执行脚本。|303871|如果这两个属性都不存在，则在用户代理继续分析页面之前，将立即获取并执行脚本。|303872|303873|有关详情，请参阅HTML+5+recommendation|303874|我只是想为偶尔访问这个话题的人更新一个新的答案。一些答案应该由stackoverflow和我们每个人检查并存档。|303875|entityMap|0|LINK|mutability|MUTABLE|url|http://www.w3.org/TR/html5/^0|0|D|6|11|3|1A|5|1G|5|0|0|0|4|5|0|5|5|G|5|0|0|0|8|L|0|0|0^^$0|@$1|2|3|4|5|6|7|14|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|15|8|@$D|16|E|17|F|G]|$D|18|E|19|F|G]|$D|1A|E|1B|F|G]|$D|1C|E|1D|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|1E|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|1F|8|@]|9|@]|A|$]]|$1|K|3|L|5|M|7|1G|8|@$D|1H|E|1I|F|G]]|9|@]|A|$]]|$1|N|3|O|5|M|7|1J|8|@$D|1K|E|1L|F|G]|$D|1M|E|1N|F|G]]|9|@]|A|$]]|$1|P|3|Q|5|M|7|1O|8|@]|9|@]|A|$]]|$1|R|3|-4|5|6|7|1P|8|@]|9|@]|A|$]]|$1|S|3|T|5|6|7|1Q|8|@]|9|@$D|1R|E|1S|1|1T]]|A|$]]|$1|U|3|V|5|6|7|1U|8|@]|9|@]|A|$]]|$1|W|3|-4|5|6|7|1V|8|@]|9|@]|A|$]]]|X|$Y|$5|Z|10|11|A|$12|13]]]]

apnerve's answer was correct before HTML 5 came out, now it's a little more complicated.

For example, the <code>script</code> element, according to the HTML 5 specification, has two global attributes which change how the <code>src</code> attribute functions: <code>async</code> and <code>defer</code>. These change how the script (embedded inline or imported from external file) should be executed.

This means there are three possible modes that can be selected using these attributes:

<ol>
<li>When the <code>async</code> attribute is present, then the script will be executed asynchronously, as soon as it is available. </li>
<li>When the <code>async</code> attribute is not present but the <code>defer</code> attribute is present, then the script is executed when the page has finished parsing. </li>
<li>When neither attribute is present, then the script is fetched and executed immediately, before the user agent continues parsing the page.</li>
</ol>

For details please see <a href="http://www.w3.org/TR/html5/">HTML 5 recommendation</a>

I just wanted to update with a new answer for whoever occasionally visits this topic. Some of the answers should be checked and archived by stackoverflow and every one of us.

blocks|key|301687|text|我认为<src>向页面添加了一些资源，而<href>只是用于提供资源的链接(而不是将资源本身添加到页面)。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|301688|entityMap^0|3|5|K|6|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|M|8|@]|D|@]|E|$]]]|G|$]]

I think <code>&lt;src&gt;</code> adds some resources to the page and <code>&lt;href&gt;</code> is just for providing a link to a resource(without adding the resource itself to the page).

blocks|key|301095|text|简单定义|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|301096|SRC+:+(Source).+To+specify+the+origin+of+(a+communication);+document:+++++

HREF+:+(Hypertext+Reference).+A+reference+or+link+to+another+page,+document...|code-block|syntax|javascript|301097|entityMap^0|0|4|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

Simple Definition

<pre><code>SRC : (Source). To specify the origin of (a communication); document: 

HREF : (Hypertext Reference). A reference or link to another page, document...
</code></pre>

blocks|key|3244723|text|SRC(Source)+--我想为自己加载这个资源。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|3244724|为例：|3244725|Absolute+URL+with+script+element:+<script+src="http://googleapi.com/jquery/script.js"></script>+++

Relative+URL+with+img+element+:+<img+src="mypic.jpg">|code-block|syntax|javascript|3244726|HREF(Hypertext+REFerence)+--我想为其他人引用此资源。|3244727|3244728|Absolute+URL+with+anchor+element:+<a+href="http://www.google.com/">Click+here</a>

Relative+URL+with+link+element:+<link+href="mystylesheet.css"+type="text/css">|3244729|Courtesy|3244730|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/12032361/1697099^0|0|3|4|1|7|2|0|0|3|0|0|0|4|5|1|F|3|0|0|3|0|0|0|8|0|0^^$0|@$1|2|3|4|5|6|7|11|8|@$9|12|A|13|B|C]|$9|14|A|15|B|C]|$9|16|A|17|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|18|8|@$9|19|A|1A|B|C]]|D|@]|E|$]]|$1|H|3|I|5|J|7|1B|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|1C|8|@$9|1D|A|1E|B|C]|$9|1F|A|1G|B|C]|$9|1H|A|1I|B|C]]|D|@]|E|$]]|$1|O|3|G|5|6|7|1J|8|@$9|1K|A|1L|B|C]]|D|@]|E|$]]|$1|P|3|Q|5|J|7|1M|8|@]|D|@]|E|$K|L]]|$1|R|3|S|5|6|7|1N|8|@]|D|@$9|1O|A|1P|1|1Q]]|E|$]]|$1|T|3|-4|5|6|7|1R|8|@]|D|@]|E|$]]]|U|$V|$5|W|X|Y|E|$Z|10]]]]

SRC(Source) -- I want to load up this resource for myself.

For example: 

<pre><code>Absolute URL with script element: &lt;script src="http://googleapi.com/jquery/script.js"&gt;&lt;/script&gt; 

Relative URL with img element : &lt;img src="mypic.jpg"&gt;
</code></pre>

HREF(Hypertext REFerence) -- I want to refer to this resource for someone else.

For example: 

<pre><code>Absolute URL with anchor element: &lt;a href="http://www.google.com/"&gt;Click here&lt;/a&gt;

Relative URL with link element: &lt;link href="mystylesheet.css" type="text/css"&gt;
</code></pre>

<a href="https://stackoverflow.com/a/12032361/1697099">Courtesy</a>

blocks|key|298834|text|简单的定义|type|unstyled|depth|inlineStyleRanges|entityRanges|data|298835|298836|SRC:如果资源可以放在body标记内(对于图像、脚本、iframe、框架)+|unordered-list-item|298837|HREF:如果资源不能放在body标记内并且只能链接(对于html、css)|298838|298839|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|L|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|M|8|@]|9|@]|A|$]]|$1|F|3|G|5|E|7|N|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|P|8|@]|9|@]|A|$]]]|J|$]]

<h3>A simple definition</h3>

<ul>
<li>SRC: If a resource can be placed inside the body tag (for image, script, iframe, frame) </li>
<li>HREF: If a resource cannot be placed inside the body tag and can only be linked (for html, css)</li>
</ul>

blocks|key|301068|text|来自W3：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|301069|301070|如果设置了A元素的href属性，则元素将定义链接的源锚，用户可以激活该链接以检索网络资源。源锚为A实例的位置，目的锚为Web资源。|blockquote|301071|301072|301073|来源：http://www.w3.org/TR/html401/struct/links.html|offset|length|301074|301075|此属性指定图像资源的位置。广泛识别的图像格式的示例包括GIF、JPEG和PNG。|301076|301077|301078|来源：http://www.w3.org/TR/REC-html40/struct/objects.html|301079|entityMap|0|LINK|mutability|MUTABLE|url|http://www.w3.org/TR/html401/struct/links.html|1|http://www.w3.org/TR/REC-html40/struct/objects.html^0|0|0|0|0|0|3|1A|0|0|0|0|0|0|3|1F|1|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|13|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|14|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|15|8|@]|9|@]|A|$]]|$1|G|3|-4|5|6|7|16|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|17|8|@]|9|@$J|18|K|19|1|1A]]|A|$]]|$1|L|3|-4|5|6|7|1B|8|@]|9|@]|A|$]]|$1|M|3|N|5|E|7|1C|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|1D|8|@]|9|@]|A|$]]|$1|P|3|-4|5|6|7|1E|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|1F|8|@]|9|@$J|1G|K|1H|1|1I]]|A|$]]|$1|S|3|-4|5|6|7|1J|8|@]|9|@]|A|$]]]|T|$U|$5|V|W|X|A|$Y|Z]]|10|$5|V|W|X|A|$Y|11]]]]

From W3:

<blockquote>
 When the A element's href attribute is
 set, the element defines a source
 anchor for a link that may be
 activated by the user to retrieve a
 Web resource. The source anchor is the
 location of the A instance and the
 destination anchor is the Web
 resource.
</blockquote>

Source: <a href="http://www.w3.org/TR/html401/struct/links.html" rel="nofollow noreferrer">http://www.w3.org/TR/html401/struct/links.html</a>

<blockquote>
 This attribute specifies the location
 of the image resource. Examples of
 widely recognized image formats
 include GIF, JPEG, and PNG.
</blockquote>

Source: <a href="http://www.w3.org/TR/REC-html40/struct/objects.html" rel="nofollow noreferrer">http://www.w3.org/TR/REC-html40/struct/objects.html</a>

blocks|key|3030454|text|你应该记住什么时候使用每个人，仅此而已|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3030455|href与链接一起使用|offset|length|style|BOLD|3030456|<a+href="#"></a>
<link+rel="stylesheet"+href="style.css"+/>|code-block|syntax|javascript|3030457|src与脚本和图像一起使用|3030458|<img+src="the_image_link"+/>
<script+type="text/javascript"+src=""+/>|3030459|CSS中的url通常用于包含某些内容，例如添加背景图像。|3030460|selector+{+background-image:+url('the_image_link');+}+|3030461|entityMap^0|0|0|4|0|0|0|3|0|0|5|3|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@$D|Y|E|Z|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|10|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|11|8|@$D|12|E|13|F|G]]|9|@]|A|$]]|$1|O|3|P|5|J|7|14|8|@]|9|@]|A|$K|L]]|$1|Q|3|R|5|6|7|15|8|@$D|16|E|17|F|G]]|9|@]|A|$]]|$1|S|3|T|5|J|7|18|8|@]|9|@]|A|$K|L]]|$1|U|3|-4|5|6|7|19|8|@]|9|@]|A|$]]]|V|$]]

You should remember when to use everyone and that is it 
the href is used with links 

<pre><code>&lt;a href="#"&gt;&lt;/a&gt;
&lt;link rel="stylesheet" href="style.css" /&gt;
</code></pre>

the src is used with scripts and images

<pre><code>&lt;img src="the_image_link" /&gt;
&lt;script type="text/javascript" src="" /&gt;
</code></pre>

the url is used generally in CSS to include something, for exemple to add a background image

<pre><code>selector { background-image: url('the_image_link'); } 
</code></pre>

blocks|key|3030641|text|阅读完HTML+5.1文档之后(2016年11月1日)：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3030642|3030643|HTML第4部分(的元素)|offset|length|style|BOLD|3030644|3030645|第2章(文档元数据)|blockquote|3030646|3030647|第4节(+link元素)说明：|3030648|链接的目标由href属性提供，该属性必须存在，并且必须包含可能由空格括起来的有效非空URL。如果缺少href属性，则该元素不定义链接。|CODE|3030649|不包含src属性...|3030650|切换是合乎逻辑的，因为它是一个链接。|3030651|3030652|3030653|第12章(脚本)|3030654|3030655|第1节(脚本元素)说明：|3030656|经典脚本可以嵌入到内联中，也可以使用src属性从外部文件导入，如果指定该属性，则会提供要使用的外部脚本资源的URL。如果指定了src，则它必须是可能由空格括起来的有效非空URL。内联脚本元素的内容或外部脚本资源必须符合JavaScript规范对经典脚本的脚本生成的要求。|3030657|它甚至没有提到href属性...|3030658|这表明在使用脚本标记时，始终使用src属性！|3030659|3030660|3030661|第7章(嵌入式内容)|3030662|3030663|第5节(+img元素)|3030664|由src和srcset属性提供的图像，以及任何以前的同级源元素的srcset属性(如果父元素是picture元素)都是嵌入的内容。|3030665|也没有提到href属性...|3030666|这表明在使用img标记时，也应该使用src属性...|3030667|3030668|Reference+link+to+the+W3C+Recommendation|3030669|entityMap|0|LINK|mutability|MUTABLE|url|https://www.w3.org/TR/2016/REC-html51-20161101/index.html#contents^0|0|0|9|4|0|0|0|0|0|6|4|1E|4|0|3|3|0|0|0|0|0|0|0|I|3|1R|3|0|7|4|0|G|3|0|0|0|0|0|0|1|3|5|6|W|6|1B|7|0|5|4|0|6|3|I|3|0|0|0|14|0|0^^$0|@$1|2|3|4|5|6|7|1X|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|1Y|8|@]|9|@]|A|$]]|$1|C|3|D|5|6|7|1Z|8|@$E|20|F|21|G|H]]|9|@]|A|$]]|$1|I|3|-4|5|6|7|22|8|@]|9|@]|A|$]]|$1|J|3|K|5|L|7|23|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|24|8|@]|9|@]|A|$]]|$1|N|3|O|5|6|7|25|8|@]|9|@]|A|$]]|$1|P|3|Q|5|6|7|26|8|@$E|27|F|28|G|R]|$E|29|F|2A|G|R]]|9|@]|A|$]]|$1|S|3|T|5|6|7|2B|8|@$E|2C|F|2D|G|R]]|9|@]|A|$]]|$1|U|3|V|5|6|7|2E|8|@]|9|@]|A|$]]|$1|W|3|-4|5|6|7|2F|8|@]|9|@]|A|$]]|$1|X|3|-4|5|6|7|2G|8|@]|9|@]|A|$]]|$1|Y|3|Z|5|L|7|2H|8|@]|9|@]|A|$]]|$1|10|3|-4|5|6|7|2I|8|@]|9|@]|A|$]]|$1|11|3|12|5|6|7|2J|8|@]|9|@]|A|$]]|$1|13|3|14|5|6|7|2K|8|@$E|2L|F|2M|G|R]|$E|2N|F|2O|G|R]]|9|@]|A|$]]|$1|15|3|16|5|6|7|2P|8|@$E|2Q|F|2R|G|R]]|9|@]|A|$]]|$1|17|3|18|5|6|7|2S|8|@$E|2T|F|2U|G|R]]|9|@]|A|$]]|$1|19|3|-4|5|6|7|2V|8|@]|9|@]|A|$]]|$1|1A|3|-4|5|6|7|2W|8|@]|9|@]|A|$]]|$1|1B|3|1C|5|L|7|2X|8|@]|9|@]|A|$]]|$1|1D|3|-4|5|6|7|2Y|8|@]|9|@]|A|$]]|$1|1E|3|1F|5|6|7|2Z|8|@]|9|@]|A|$]]|$1|1G|3|1H|5|6|7|30|8|@$E|31|F|32|G|R]|$E|33|F|34|G|R]|$E|35|F|36|G|R]|$E|37|F|38|G|R]]|9|@]|A|$]]|$1|1I|3|1J|5|6|7|39|8|@$E|3A|F|3B|G|R]]|9|@]|A|$]]|$1|1K|3|1L|5|6|7|3C|8|@$E|3D|F|3E|G|R]|$E|3F|F|3G|G|R]]|9|@]|A|$]]|$1|1M|3|-4|5|6|7|3H|8|@]|9|@]|A|$]]|$1|1N|3|1O|5|6|7|3I|8|@]|9|@$E|3J|F|3K|1|3L]]|A|$]]|$1|1P|3|-4|5|6|7|3M|8|@]|9|@]|A|$]]]|1Q|$1R|$5|1S|1T|1U|A|$1V|1W]]]]

after going through the HTML 5.1 ducumentation (1 November 2016):

<hr>

part 4 (The elements of HTML) 

<blockquote>
 chapter 2 (Document metadata)
 
 <blockquote>
 section 4 (The link element) states that:
 
 <blockquote>
 The destination of the link(s) is given by the <code>href</code> attribute, which must be present and must contain a valid non-empty URL potentially surrounded by spaces. If the <code>href</code> attribute is absent, then the element does not define a link.
 </blockquote>
 </blockquote>
</blockquote>

does not contain the <code>src</code> attribute ...

witch is logical because it is a link . 

<hr>

<blockquote>
 chapter 12 (Scripting)
 
 <blockquote>
 section 1 (The script element) states that:
 
 <blockquote>
 Classic scripts may either be embedded inline or may be imported from an external file using the <code>src</code> attribute, which if specified gives the URL of the external script resource to use. If <code>src</code> is specified, it must be a valid non-empty URL potentially surrounded by spaces. The contents of inline script elements, or the external script resource, must conform with the requirements of the JavaScript specification’s Script production for classic scripts.
 </blockquote>
 </blockquote>
</blockquote>

it doesn't even mention the <code>href</code> attribute ...

this indicates that while using script tags always use the <code>src</code> attribute !!!

<hr>

<blockquote>
 chapter 7 (Embedded content)
 
 <blockquote>
 section 5 (The img element)
 
 <blockquote>
 The image given by the <code>src</code> and <code>srcset</code> attributes, and any previous sibling source element's <code>srcset</code> attributes if the parent is a <code>picture</code> element, is the embedded content.
 </blockquote>
 </blockquote>
</blockquote>

also doesn't mention the <code>href</code> attribute ...

this indicates that when using <code>img</code> tags the <code>src</code> attribute should be used aswell ...

<hr>

<a href="https://www.w3.org/TR/2016/REC-html51-20161101/index.html#contents" rel="nofollow noreferrer">Reference link to the W3C Recommendation</a>

blocks|key|300990|text|如果您使用的是HTML4，它的list+of+attributes可能会帮助您处理这些微妙之处。它们是不可互换的。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|300991|entityMap|0|LINK|mutability|MUTABLE|url|http://www.w3.org/TR/1999/REC-html401-19991224/index/attributes.html^0|F|I|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

If you're talking HTML4, its <a href="http://www.w3.org/TR/1999/REC-html401-19991224/index/attributes.html" rel="nofollow noreferrer">list of attributes</a> might help you with the subtleties. They're not interchangeable.

blocks|key|3244434|text|它们不能互换--每个元素都定义在不同的元素上，这在here中可以看到。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3244435|它们确实有相似的含义，所以这是不一致的。我假设主要是由于不同的供应商在一开始实现了不同的标签，然后将其归入规范，以避免破坏向后兼容性。|3244436|entityMap|0|LINK|mutability|MUTABLE|url|http://www.w3.org/TR/1999/REC-html401-19991224/index/attributes.html^0|P|4|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]]|C|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]]]

They are not interchangeable - each is defined on different elements, as can be seen <a href="http://www.w3.org/TR/1999/REC-html401-19991224/index/attributes.html" rel="nofollow noreferrer">here</a>.

They do indeed have similar meanings, so this is an inconsistency. I would assume mostly due to the different tags being implemented by different vendors to begin with, then subsumed into the spec as is to avoid breaking backwards compatibility.

blocks|key|3244491|text|它们没有相似的含义。“‘src”指示浏览器应作为当前页面的一部分获取的资源。HREF指示如果用户请求要获取的资源。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3244492|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

They don't have similar meanings. 'src' indicates a resource the browser should fetch as part of the current page. HREF indicatea a resource to be fetched if the user requests it.

blocks|key|301089|text|我同意阿普诺尔关于这种区别的说法。但在css的情况下，它看起来很奇怪。因为css也可以通过浏览器下载到客户端。它不像指向任何特定资源的锚标签。所以在这里使用href对我来说似乎很奇怪。即使它没有加载页面，仍然没有那个页面，所以它看起来不是完整的，所以它不仅仅是关系，而是资源，这反过来又引用了许多其他资源，比如图像。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|301090|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

I agree what apnerve says on the distinction. But in case of css it looks odd. As css also gets downloaded to client by browser. It is not like anchor tag which points to any specific resource. So using href there seems odd to me. Even if its not loaded with the page still without that page cannot look complete and so its not just relationship but like resource which in turn refers to many other resource like images.

blocks|key|303922|text|src用于将资源添加到页面，而href用于从该页面链接到特定资源。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|303923|当你在你的网页中使用时，浏览器会看到它是一个样式表，因此当样式表被并行下载时，浏览器会继续进行页面渲染。|303924|当您在网页中使用时，它会告诉浏览器在该位置插入资源。因此，现在浏览器必须获取js文件，然后加载它。在浏览器完成加载过程之前，页面呈现过程将停止。这就是为什么YUI建议在你的网页底部加载JS文件的原因。|303925|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

src is to used to add that resource to the page, whereas href is used to link to a particular resource from that page.

When you use in your webpage, the browser sees that its a style sheet and hence continues with the page rendering as the style sheet is downloaded in parellel.

When you use in your webpage, it tells the browser to insert the resource at the location. So now the browser has to fetch the js file and then loads it. Until the browser finishes the loading process, the page rendering process is halted. That is the reason why YUI recommends to load your JS files at the very bottom of your web page.

The <code>SRC</code> and <code>HREF</code> attributes are used to include some external entities like an image, a CSS file, a HTML file, any other web page or a JavaScript file.

Is there a clear differentiation between <code>SRC</code> and <code>HREF</code>? Where or when to use <code>SRC</code> or <code>HREF</code>? I think they can't be used interchangeably.

I'm giving below few examples where these attributes are used:

<ul>
<li>To refer a CSS file: <code>href="cssfile.css"</code> inside the link tag.</li>
<li>To refer a JS file: <code>src="myscript.js"</code> inside the script tag.</li>
<li>To refer an image file: <code>src="mypic.jpg"</code> inside an image tag.</li>
<li>To refer another webpage: <code>href="http://www.webpage.com"</code> inside an anchor tag.</li>
</ul>

Difference between SRC and HREF

HTML5

SRC和HREF属性用于包括一些外部实体，如图像、CSS文件、SRC文件、任何其他网页或JavaScript文件。SRC和HREF之间有明显的区别吗？何时何地使用SRC或HREF？我认为它们不能互换使用。下面我给出一些使用这些属性的例子：引用CSS文件:链接标记内的href="cssfile.css"。引用JS文件:脚本标记内的src="myscript.js"。引用图像文件:图像标记内的src=

问SRC和HREF之间的区别
EN

回答 13

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问SRC和HREF之间的区别EN

回答 13

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问SRC和HREF之间的区别
EN