HTML：1.前端页面有哪三层？这些是什么？效果如何？前端页面由结构层HTML、表现层CSS、行为层JS组成。2、为什么HTML5只使用？HTML5不是基于SGML，所以不需要引用DTD，但是需要doctype来规范浏览器的行为（让浏览器按照应该的方式运行）；HTML4.0是基于SGML的，所以需要引用DTD来告知浏览器该文档使用的文档类型。3、Doctype的作用是什么？标准模式和兼容模式有什么区别？!DOCTYPE语句位于HTML文档的第一行，HTML标记之前，它告诉浏览器的解析器使用什么文档标准来解析文档。缺少DOCTYPE或格式不正确将导致文档以兼容模式存在。4、HTML5有哪些新特性？删除了哪些元素？如何处理HTML5新标签的浏览器兼容性问题？如何区分HTML和HTML5？1）新特性：HTML5不再是SGML的子集，主要是增加了图片、定位、存储、多任务处理等功能；绘图画布；用于媒体播放的视频和音频元素；local离线存储Localstorage长期存储数据，浏览器窗口关闭时数据不会丢失；sessionStorage数据在浏览器窗口关闭后自动删除；语义标签、页脚、页眉、导航、部分等；表单控制数据、email、时间、url、搜索等；添加了地理定位功能，getCurrentPosition()；2）移除元素：big、center、font、s等；3)支持HTML5新标签：IE8/IE7/IE6支持那些通过document.createElement方法创建的标签，你可以利用这个特性让浏览器支持标签。4）区分HTML和HTML5：HTML5会声明DOCTYPE；标签的使用；h5中新功能的使用；CSS1。位置：绝对；左：50%；顶部：50%；转换：翻译（-50%，-50%）；方法二：弹性布局；父显示：flex；垂直对齐：中间；//垂直文本-align:center;//水平子边距：自动；方法三：表格样式父显示：table-cell；垂直对齐：中间；文本对齐：居中；子显示：内联块；确定宽高方法一：定位+margin负值居中父position:relative;子宽度：300px；高度：400px；位置：绝对；顶部：50%；左：50%；左边距：-150px；maegin-top:-200px;方法二：绝对定位下设置topleftrightbottom为0父位置：relative；子位置：绝对；左：0；顶部：0；底部：0；右：0；保证金：自动；
