HTML5面试题面试整理（含答案）最新版.docx

HTML5面试题总结一、Doctype的作用Doctype（文档类型）是HTML文档的开头部分，位于``标签之前，告知浏览器的解析器，用什么文档类型规范来解析这个文档。DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。严格模式就是浏览器根据Web标准去解析页面，是一种要求严格的DTD，不允许使用任何表现层的语法。混杂模式是一种向后兼容的解析方法。触发标准模式或者说严格模式很简单，就是HTML前申明正确的DTD，出发混杂模式可以在HTML文档开始不声明DTD，或者在DOCTYPE前加入XML声明。二、 HTML5新标签HTML5新增了许多有用的标签，以下至少列举20个： * ``：定义独立的文章* ``：定义页面上的独立副内容* ``：定义音频内容* ``：定义图形区域* ``：定义下拉列表* ``：定义命令按钮* ``：定义细节信息* ``：定义嵌入的外部资源* ``：定义图像的标题* ``：定义图像* ``：定义页面的页脚* ``：定义页面的头部* ``：定义标题组* ``：定义密钥对生成器* ``：定义标记* ``：定义导航链接* ``：定义节* ``：定义日期和时间* ``：定义视频内容* ``：定义摘要信息* ``：定义度量单位* ``：定义计算结果* ``：定义进度条* ``：定义媒体资源三、语义化的理解语义化是让页面的内容结构化，便于浏览器、搜索引擎解析。在没有样式CSS情况下也以一种文档格式显示，并且是容易阅读的。搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重，利于SEO。使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。四、IE的haslayout属性haslayout是Windows Internet Explorer渲染引擎的一个内部组成部分。在Internet Explorer中，一个元素要么自己对自身的内容进行计算大小和组织，要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念，渲染引擎采用了hasLayout的属性，属性值可以为true或false。当一个元素的hasLayout属性值为true时，我们说这个元素有一个布局（layout）部分的IE显示的错误，都可以通过激发元素的haslayout属性来修正。可以通过设置CSS尺寸属性（width/height等）来激发元素的haslayout，使其“拥有布局”。五、jpg，gif，png-8，png-24的区别gif格式特点： *透明性，GIF是一种布尔透明类型*动画，GIF支持动画*无损耗性，GIF是一种无损耗的图像格式*水平扫描，GIF是使用了一种叫作LZW的算法进行压缩的*间隔渐进显示，GIF支持可选择性的间隔渐进显示jpg（jpeg）格式特点： *不支持透明*不支持动画png-8和png-24的主要区别是颜色位深度，png-8是8位颜色，png-24是24位颜色。png格式的优点是支持透明和半透明、支持动画、无损耗性等。