浅谈元素属性href和src

1、href

href是Hypertext Reference的缩写,表示超文本引用。用来建立当前元素和文档之间的链接。常用的有:link、a

<a href="http://www.baidu.com"></a> 
<link href="reset.css" rel=”stylesheet“/>

href 用于在当前文档和引用资源之间确立联系

浏览器解析方式

当浏览器遇到href会并行下载资源并且不会停止对当前文档的处理。(同时也是为什么建议使用 link 方式加载 CSS,而不是使用 @import 方式)

2、src

src是source的缩写,是指向外部资源的位置,指向的内部会迁入到文档中当前标签所在的位置;在请求src资源时会将其指向的资源下载并应用到当前文档中,例如js脚本,img图片和frame等元素

<img src="img/girl.jpg"> 
<iframe src="top.html"> 
<script src="show.js">

src 用于替换当前内容

浏览器解析方式

当浏览器解析到src ,会暂停其他资源的下载和处理,直到将该资源加载或执行完毕。(这也是script标签为什么放在底部而不是头部的原因)