src和href的区别

首先我们先简述一下src与href的区别

src

<img src="图像URL" /> URL（Uniform Resource Locator,统一资源定位符）
src是指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置；
在请求src资源时会将其指向的资源下载并应用到文档内，例如js脚本，img图片和frame等元素。当浏览器解析到该元素时，会暂停其他资源的下载和处理，直到将该资源加载、编译、执行完毕，图片和框架等元素也如此，类似于将所指向资源嵌入当前标签内。这也是为什么将js脚本放在底部而不是头部。

href
<link href="CSS文件的路径" rel="stylesheet" type="text/css"/>

href 是指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接，用于超链接。
用于指定链接目标的url地址，当为标签应用href属性时，它就具有了超链接的功能。

它有几个属性:

• :link /* 未访问的链接 */
• :visited /* 已访问的链接 */
• :hover /* 鼠标移动到链接上 */
• :active /* 选定的链接 */
  注意写的时候，他们的顺序尽量不要颠倒 按照 lvha 的顺序

该语法中，link标签需要放在head头部标签中，link标签的属性具体如下：

href：定义所链接外部样式表文件的URL，可以是相对路径，也可以是绝对路径。
type：定义所链接文档的类型，在这里需要指定为“text/css”，表示链接的外部文件为CSS样式表。
rel：定义当前文档与被链接文档之间的关系，在这里需要指定为“stylesheet”，表示被链接的文档是一个样式表文件。
用于指定链接目标的url地址，当为标签应用href属性时，它就具有了超链接的功能。