一、HTML5的新特性？
1.增强了表单，input新增了一些type：常用
color----定义调色板
tel-----定义包含电话号码的输入域
email---定义包含email地址的输入域
search--定义搜索域
number--定义包含数值的输入域
date----定义选取日、月、年的输入域
2.Video视频标签；常用
.Audio音频标签；常用
4.语义化标签；datatime-local
比如：header（头部），nav（导航）、section（主要用于对网站或应用程序中页面上的内容进行分块。）、article（一个页面的一部分，并且这部分专门用于独立的分类或复用）、aside（定义article以外的内容，aside的内容应该与article的内容相关。表示当前页面或文章的附属信息部分）、footer（底部）
5.定义文档类型的简写!DOCTYPEhtml
6.地理定位；
7.拖放api；
8.Canvas图形绘制；常用
10.富文本常用
9.WebStorage；常用
localStorage：没有时间限制的数据存储
sessionStorage:在浏览器关闭的时候就会清除
二、什么是HTML语义化，有什么好处
语义化的意义
给用户们看：保证css失效时用户仍然可读
给开发者看：代码结构更清晰
给浏览器看：利于搜索引擎检索
有助于构架良好的HTML结构
有利于不同设备的解析
有利于团队的开发维护
用户体验好。
具体怎么语义化？
纯样式的标签不用：b、i、u（结构、样式、行为三者分离是大趋势）
无语义的标签少用：div、span
有语义的标签用对：header页眉footer页脚nav目录导航aside侧栏
HTML语义化简单来说就是，段落使用p/p、侧边栏用aside/aside、主要内容使用main/main。
web标准被重视的时间不长，整个大环境对web标准的理解基本也就是个概念，即使很多大神也只是处于摸索阶段，不同公司不同团队不同工程师对“好的语义化文档”都有不同的理解，回答的时候基本的大方向别错就行了
三、为什么要在html文件开头加上一个
告诉浏览器使用哪个版本的HTML规范来渲染文档。DOCTYPE不存在或形式不正确会导致HTML文档以混杂模式呈现。
四、DOCTYPE的作用，严格与混杂模式的区别，有何意义
1、语法格式：!DOCTYPEhtml
2、!DOCTYPE不是Html标签，而是告知浏览器此页面使用哪个HTML版本进行编写的指令
、标准模式（Standardsmode）以浏览器支持的最高标准运行；混杂模式（Quirksmode）中页面是一种比较宽松的向后兼容的方式显示。
五、HTML5为什么只需要写!DOCTYPEHTML
主要原因为html5中只有一个文档类型，就是html，而不像html4.01或xhtml1.0还有多个文档类型。
六、请说出XHTML和HTML的区别
1、文档顶部doctype声明不同，xhtml的doctype顶部声明中明确规定了xhtmlDTD的写法；
2、html元素必须正确嵌套，不能乱；
、属性必须是小写的；
4、属性值必须加引号；
5、标签必须有结束，单标签也应该用“/”来结束掉；
七、行内元素、块级元素，空元素有那些
1、行内元素：span、a、em、label、textarea、select、sub、sup、img、input、span等
2、块级元素：div、ul、ol、li、h1~h6、table、form、p、dl、dd、dt、header、footer、audio、video等。
、空元素：br、hr、img、input、link、meta
区别：
一方面是换行的区别，行内元素不换行，块级换行；
另一方面是内容的区别，正常情况下行内元素只能包含行内元素，而块级元素既可以包含行内元素也可以包含块级元素
标签内没有内容的HTML标签被称为空元素。空元素是在开始标签中关闭的。
八、请写出table标签下面会包含哪些标签元素
trthtdtheadtbodytfoot等
九、很多网站不常用tableiframe这两个元素，知道原因吗？
用法：在网页中插入第三方页面，在切换页面时避免重复下载优点：便于修改，模块分离缺点：
（1）iframe的创建比一般的DOM元素慢了1-2个数量级（2）会阻塞页面的加载（）对SEO不友好
因为浏览器页面渲染的时候是从上至下的，而table和iframe这两种元素会改变这样渲染规则，他们是要等待自己元素内的内容加载完才整体渲染。用户体验会很不友好。
十、jpg和png格式的图片有什么区别？
jpg是有损压缩格式，png是无损压缩格式。所以，相同的图片，jpg体积会小。比如我们一些