这是我参与8月更文挑战的第10天，活动详情查看：8月更文挑战
enmmm，昨天写的HTTP协议的文章没有推荐上首页，感觉可能不算在挑战内，不敢继续写了，今天写个HTML5的吧……
一、Doctype的作用
Doctype是html5标准网页的声明，且必须声明在html文档的第一行，来告知浏览器的解析器是用什么文档标准解析这个文档，不同的渲染模式会影响到浏览器对于css代码甚至js脚本的解析
有两种模式：
1、怪异模式：浏览器用自带的模式解析页面,如果html第一行没写Doctype就是默认怪异模式
2、标准模式：浏览器用标准的W3C模式解析页面，按页面中的html和css渲染
二、HTML、XML、XHTML的区别
1、HTML：超文本标记语言
2、XML：可扩展标记语言，用于存储数据和结构，可扩展，和json类似，但是更轻量级，更高效
3、XHTML：可扩展超文本标记语言，基于HTML和XML
三、常用的meta标签
简介：meta标签由name和content两个属性定义，用来描述页面的属性，例如网页描述，关键词，页面刷新，比例等
1、charset表示页面编码
<meta charset='UTF-8'>
2、http-equiv表示文档开头的作用，可以设置http缓存过期的时间
<meta http-equiv='expires' content='Sat,23 Jun 2099 18:00:00'>
3、viewport用来设置手机端的大小和比例
<meta name='viewport' content='width=device-width,initial-scale=1,maximum-scale=1' >
四、src和href的区别
1、src指向外部资源的位置，在请求时会把请求的地址下载下来，例如js文件或者img图片等；并且此时浏览器会暂停执行页面中其他内容，直到src请求结束后再执行编译
2、href指向网络所在资源，例如cdn地址，但是浏览器会并行加载请求的地址，不会暂停执行页面的其他内容。
五、data-属性你知道吗
<div id='handlerList'>
<ul>
<li data-idx='1'>点击1</li>
<li data-idx='2' data-name='d2'>点击2</li>
</ul>
<div>
//js：
$("#handlerList li").click(function() {
let idx = $(this)[0].dataset.idx;
if(idx === 1) {
……
}
})
表示html的数据属性，可以把数据存在html元素中。我觉得主要在jq中用的比较多，循环展示后通过不同的data-属性来判断做一些操作。
六、script标签中的defer和async的作用和区别
1、defer：表示脚本在文档解析后执行，异步加载后不会立即执行，而是等文档解析后再执行
2、async：异步加载脚本，相比defer是async会在脚本解析后立即执行，所以这个属性下js加载顺序是乱的，每个script不能存在关联，否则会引起报错
好啦，先写这么多，想要互赞的就赞我，我会赞回去，谢谢~
