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