href
和src
是有区别的,而且是不能相互替换的。我们在可替换的元素上使用src
,然后把href
用于涉及的文档的外部资源之间建立一个关系。
href
href(Hypertext Reference)
表示超文本引用,指定网络资源的位置,建立和当前元素或文档的链接关系。当浏览器识别到它指向的文件时,就会并行下载资源,不会停止对当前文档的处理。常用在alink等标签上。比如以下情况:
<link href="style.css" rel="stylesheet" />
浏览器明白当前资源是一个样式表,页面解析不会暂停(由于浏览器需要样式规则去画或者渲染页面,渲染过程可能会被暂停)。这与把css
文件内容写在<style>
标签不同,因此建议使用link
标签而不是@import
来把样式表导入到html
文档里。因为link
是异步操作 GUI
渲染页面遇到link
会开辟新的HTTP
线程去获取资源 GUI
继续渲染页面;2. @import
是同步的GUI
渲染页面的时候遇到@import
会等它获取新的样式回来后继续渲染
src
src(Source)
表示对资源的引用,嵌入指向资源到当前文档元素定义的位置。src
会将其指向的资源下载并应用到文档内,如请求js
脚本。当浏览器解析道该元素时,会暂停其他资源的下载和处理,直到将该资源加载编译执行完毕,所以一般建议js
脚本放在页面底部。
<script src="script.js"></script>
在浏览器下载,编译,执行这个文件之前页面的加载和处理会被暂停。这个过程与把js文件放到