html5引擎笔试题,最新！HTML5经典面试题型（附答案）

HTML已更新至HTML5，那么HTML5的测试题您也应该知道，这篇文章可以作为您的参考。

1.doctype有什么作用呢？如何区分其混合模式和标准模式？所有这些都意味着什么？

Doctype的作用是告诉浏览器使用HTML规范的哪个版本来渲染文档。如果DOCTYPE格式不正确或不存在，将导致HTML文档呈现为混合模式。

标准型模式(Standardsmode)在最高标准下运行，浏览器支持；混合模式(Quirksmode)在页面显示方面提供了更为宽松的向后兼容。

2.页面导入风格时，使用link和@import有么么的区别?

同一位置，都是外部引用CSS的方式，差异：

(1)link是一个xhtml标签，除了加载css之外，还可以定义其他事务，如RSS;@import属于CSS范畴，并且只能加载CSS。

(2)当link引用CSS时，在页面加载时同时加载该CSS;@import需要在页面完全加载以后加载，引用@import的CSS直到引用该CSS的CSS文件加载完毕。

(3)link是一个xhtml标签，没有兼容问题；@import是在css2.1中提到，不支持低版本的浏览器。

(4)link支持使用javascript控件来改变样式，而@import则不支持。

(5)样式link的权重比@import的权重高。

(6)使用html时import需要标签。

3.FlashofUnstyleContent，没有样式内容闪烁(FOUC)。

导入一个CSS文件的@import直到CSS样式表被加载完毕。所以，在页面DOM加载完成和CSS导入完成之间，页面上的内容不具有任何样式。

答案：使用链接标签来载入CSS样式档案。由于link是按顺序加载的，所以页面将等待CSS下载完成后才下载HTML文件，所以先进行布局，没有FOUC问题。

4.介绍一下您对浏览器内核的了解？

分为两大部分：渲染引擎(LayoutEngine或RenderingEngine)和JS引擎。

呈现引擎：负责获取网页的内容(HTML、XML、图像等)，整理信息(比如CSS等)，计算网页如何显示，然后输出到显示器或打印机。不同浏览器内核对网页的语法解释会有所不同，因此渲染效果也就不一样了。

javascript引擎：解析并执行javascript以实现动态网页效果。

最初，渲染引擎和JS引擎之间并没有明确的区别，后来，JS引擎变得越来越独立，内核倾向于仅针对渲染引擎。

5.简述您对HTML语义化的理解？

能够在移除或丢弃样式时使页面结构清晰。

有助于SEO与搜索引擎建立良好的沟通，有助于爬虫获取更多的信息，爬虫依靠标签来决定上下文和各个关键词的权重。

便于其他设备的解析。

方便团队开发和维护，基于可读性语义化。

6.如何使用HTML5的文件离线存储，以及如何工作？

在联机情况下，浏览器发现HTML头部具有manifest属性，它请求manifest文件，如果manifest文件是首次访问，则浏览器会下载与manifest文件内容和离线存储相对应的资源。若已被访问，且已离线存储资源，则浏览器将使用离线资源加载页面。接着，浏览器将把新的manifest文件与旧的manifest文件进行对比，如果文件没有被更改，则不执行任何操作；如果文件更改，则重新下载该文件中的资源，并将其离线存储。