1.<!DOCTYPE html> 告诉浏览器以何种规范解析文档(此处为html(5));——html5规范
2.浏览器解析文档的模式：标准模式、混杂模式; 如果不加<!DOCTYPE html>浏览器就会按混杂模式解析文档，由于各浏览器混杂模式不同所以就会造成
兼容问题；但是标准模式也有浏览器不同，IE特例不同；
3.IE6,7有 准标准模式 和 混杂模式，他们的混杂模式是为了兼容IE5的；且它们的准标准模式也不是我们现在的标准模式，而IE8有3个模式，标准模式，准标准模式，
混杂模式，其准标准模式是为了兼容IE6,7的。这是历史遗留问题，因为当时w3c规范还不完整，9以后好很多
4.加<!DOCTYPE html>是为了告诉浏览器以标准模式解析文档，但是加了<!DOCTYPE> 还是会有问题因为IE6,7没有标准模式只有准标模式，所以还是会有
兼容问题.
html5 新标签
1.html5新的概念：语义化标签。常用有：header,footer,aside,section,article,aside，nav，canvas,detalist,figure,video,audio。
ps:<audio>不支持音频播放</audio>如果不支持音频播放则显示文字。
2.语义化标签的好处：
a.为搜索引擎考虑，如果网页结果清晰更易被搜索引擎搜录，排名更易靠前。
b.可以对一些特殊的阅读器，特殊的设备更易分析出网页结构（如盲人阅读器等）。
3.articel独立的一片文章，section是一篇文章的段落（主题）不能独立出来且不一定在article里面，运用2者时必须有标题。2者区别在于是否可以独立出来。
article和section不是用来布局的，是用针对文章，利于搜索引擎更好搜索。article和section使用有可能不准确，且无形中增加网页标签量，且要处理兼容，所以有的
公司不用。
html5表单元素（扩展）
1.type=email、type=url、type=number、type=range、type=search等。
2.日期等获取控件:date,datetime,datetime-local,week,等。
3.验证属性:required,pattern,
ps:了解即可。
css概念问题
css中两种模型：a.盒子模型(box-model)，每个可视化标签都看作是一个盒子在页面上； b.可视化模型(概念)，窗口上盒子是怎么摆放的。c.包含块：每个
元素的包含块是指它的父元素。
可视化模型概念
1.bfc:全称(块级格式化上下文)，是一个环境，在bfc环境下的元素是不会影响其他元素的，在父级上触发，body一定是一个bfc；bfc这个环境和周围元素不产生影响，
而不是bfc环境内的盒子不产生影响；正常文档流元素垂直方向margin会重合，父元素和子元素也会重合(外边粘合)；bfc环境内的子元素不影响外面的元素，外面的元素也不
影响它,
触发条件:overflow不为hidden,display:inline-block,float不为none，position——absolute和fixed。
2.ifc:(行内格式化上下文)，是一个环境，写出一个行内元素它就具备ifc这个环境，不用触发。