常见的元素的特点属性（href、src的区别，alt和title的区别）

href
href表示超文本引用，用来建立当前元素和文档之间的链接，常用在link和a等元素上。例如：

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

当浏览器解析到这一句时会识别该文档为css文件，会下载并不会停止对当前文档的处理，所以建议使用link方式而不是@import加载css。
src
src表示引用资源，替换当前元素，是页面内容不可缺少的一部分，常用在img，script，iframe上。
src指向外部资源的位置，指向的内部会迁入到文档中当前标签所在的位置；请求src资源时会将其指向的资源下载并应用到当前文档中,例如js脚本、img图片等。

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

当浏览器解析到这一句时会暂停其他资源的下载和处理，直至将该资源加载、编译、执行完毕。这也是js脚本放到底部而不是头部的原因。

alt与title

1. alt属性是在你的图片无法显示时的替代文本，它会直接输出在原本加载图片的地方；title属性是为元素提供额外的注释信息，当鼠标放在元素上时会有title文字显示，以达到补充说明或提示。
2. alt属性有利于SEO，是搜索引擎搜录时判断图片与文字是否相关的重要依据；
   title属性更倾向于用户体验的考虑。
3. alt只能是元素的属性，只能用在img、area和input标签中（img,area中alt必须指定）；
   title既可以是元素的属性也可以是标签，作为属性可以用在除base,basefont,head,html,meta,param,script和title之外的任何标签上（title常与form以及a标签一同使用，以提供关于输入格式和链接目标的信息），title与style、id、class等一起作为HTML中许多标签共用的标准属性。
4. alt和title这两个属性同时用于img标签的时候容易让人混乱，因为IE不标准，所以在IE中alt起到了title的作用变成文字提示。因此想在IE中显示title的内容，要么alt和title属性一致，要么alt内容为空（“”，空格也不能有）。不过新版的IE（IE8及以上）中，不存在这种情况了。
   另外，当a标签内嵌套img标签时，起作用的是img的title属性。