scr 和 href 区别

HTML中的href和src有什么区别？

加载js的时候，用到的是<script style='text/javascript' src='js/demo.js'></script>
加载css的时候，用到的是<link rel="stylesheet" href="css/demo.css"/>
一个用到的是src，另一个用到的是href，这两个有什么区别呢？

 

href 表示超文本引用（hypertext reference），在 link和a 等元素上使用。
src 表示来源地址，在 img、script、iframe 等元素上。

src 的内容，是页面必不可少的一部分，是引入。href 的内容，是与该页面有关联，是引用。区别就是，引入和引用。

 

href (Hypertext Reference)指定网络资源的位置，从而在当前元素或者当前文档和由当前属性定义的需要的锚点或资源之间定义一个链接或者关系。当我们写下：

<link href="style.css" rel="stylesheet" />

浏览器明白当前资源是一个样式表，页面解析不会暂停（由于浏览器需要样式规则去画或者渲染页面，渲染过程可能会被暂停）。这与把css文件内容写在<style>标签里不相同，因此建议使用link标签而不是@import来吧样式表导入到html文档里。

src (Source)属性   嵌入当前资源到当前文档元素定义的位置。当浏览器找到

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

在浏览器下载，编译，执行这个文件之前页面的加载和处理会被暂停。这个过程与把js文件放到<script>标签里类似。这也是建议把JS文件放到底部加载的原因。当然，img标签页与此类似。浏览器暂停加载直到提取和加载图像。