什么是url、src和href呢？

一、url

(Uniform Resource Locator统一资源定位符)
(不是属性，其他两个才是属性)

二、src

嵌入当前资源到当前文档元素定义的位置。当浏览器找到该元素时，会先渲染此位置上嵌入的资源

1. 用于可替换元素：src，source，顾名思义，它用来引入源头，并且替换这个元素。

• 比如img,video，audio，iframe(框架,用来引进其他html文件)，embed(嵌入,用来引入flash文件)。
• 可替换元素的内容无法改变，甚至很多样式也不能改变。

2. 用于引入JavaScript：src，是替换的意思，所以js代码不能写在前面，否则会先渲染js(为什么会先渲染，是因为替换)，导致错误。

三、href

文档和外部资源之间建立一个关系，当浏览器找到该元素时，不会因此而停止渲染

1. 超文本引用，Hypertext Reference。顾名思义，仅仅只有引用的意思。比如元素a，点击可跳转。
2. 引入css文件： 浏览器明白当前资源是一个样式表，页面解析不会暂停（由于浏览器需要样式规则去画或者渲染页面，渲染过程可能会被被暂停）。这与把css文件内容写在<style>标签里不相同，因此建议使用<link>标签而不是@import(css)来吧样式表导入到html文档里。