1.语义化：
优点：
1.有利于SEO，方便搜索引擎识别页面结构，
2.方便人们阅读
3.方便设备解析，对盲人比较友好
2.新增一些特性
1.Dom中新增了三种选择器，querySelector，querySeletorAll，matchesSelector
2.拖拽Api
3.绘画canvas
4.本地离线存储localStorage长期存储数据，关闭浏览器数据不丢失，sessionStorage的数据中浏览器关闭后自动删除，两种大小都是5M
5.语义化标签
6.表单控件
7.多线程编程
3.页面导入样式时，使用link跟@import有什么区别
区别：
1.link是XHTML标签，@import不是标签
2.link会同时加载，@import引用会等页面加载完成之后，才开始加载css
3.link方式的样式的权重高于@import的权重
4.src跟href的区别：
区别：
1.src用于引用资源，替换当前元素，href用于在当前文档和引用资源之间确定联系
2.当浏览器遇到src会暂停页面解析，直到该资源下载或者执行结束，浏览器遇到href并行下载资源，不阻塞页面解析
5.img上面的title跟alt区别
区别一：
title ： 鼠标移入到图片显示的值
alt ： 图片无法加载时显示的值
区别二：
在SEO的层面上，蜘蛛抓取不到图片的内容，所以前端在写img标签的时候为了增加seo效果要加入alt属性来描述这张图是什么内容或者关键词。
6.label的作用
label标签定义表单控制间的关系，当用户选择该标签时，浏览器会自动将焦点转到和标签相关的表单控件上。
两种用法：一种是id绑定，一种是嵌套
7.title与h1的区别
区别：
title用于网站信息标题，一个网站可以有多个title，SEO权重高于h1
h1概括的是文字主题，一个页面最好只用一个h1，SEO低于title
8.b跟strong的区别
定义：
b：实体标签，用来给文字加粗的。
strong：逻辑标签，用来加强字符语气的。
区别：
b标签只有加粗的样式，没有实际含义。
strong表示标签内字符比较重要，用以强调的。
题外话：为了符合css3的规范，b尽量少用该用strong就行了,对盲人的好一点
9.i跟em的区别
定义：
i:实体标签，用来做文字倾斜的。
em：是逻辑标签，用来强调文字内容的
区别：
i只是一个倾斜标签，没有实际含义。
em表示标签内字符重要，用以强调的。
场景：
i更多的用在字体图标，em术语上（医药，生物）。
10.语义化
<header＞元素描述了文档的头部区域标签定义导航链接的部分
＜section＞标签定义文档中的节(section、区段，比如章节、页眉、页脚或文档中的其他部分
<Jarticle＞标签定义独立的内容
Faside＞标签定义页面主区域内容之外的内容（比如侧边栏)
<footer＞元素描述了文档的底部区域
11.png、jpg、gif 这些图片格式解释一下，分别什么时候用？
png:无损压缩，尺寸体积要比jpg/jpeg的大，适合做小图标。
jpg:采用压缩算法，有一点失真，比png体积要小，适合做中大图片。
gif:一般是做动图的。
webp：同时支持有损或者无损压缩，相同质量的图片，webp具有更小的体积。兼容性不是特别好。
