HTML面试题整理总结

Chao 发布于2019-08-02 14:14 / 1850人阅读

摘要：前记为了准备春招面试，对自己的知识点进行一个总结积累，第一篇是关于方面的知识点，后续如果遇见新题会进行继续的补充什么是语义化，有什么好处语义化简单来说就是，段落使用，侧边栏用，主要内容使用。不存在或形式不正确会导致文档以混杂模式呈现。

前记

为了准备春招面试，对自己的知识点进行一个总结积累，第一篇是关于HTML方面的知识点，后续如果遇见新题会进行继续的补充

什么是 HTML 语义化，有什么好处

HTML语义化简单来说就是，段落使用

，侧边栏用
，主要内容使用
。

有助于构架良好的HTML结构

有助于搜索引擎建立索引、抓取，有利于SEO

有利于不同设备的解析

有利于团队的开发维护

为什么要在html文件开头加上一个

告诉浏览器使用哪个版本的HTML规范来渲染文档。DOCTYPE不存在或形式不正确会导致HTML文档以混杂模式呈现。

HTML5为什么只需要写？

HTML5不基于SGML，所以不需要引用DTD(DTD 文档类型定义）。在HTML5中只有一种

在HTML4.01中，声明引用DTD，因为HTML4.01基于SGML。DTD规定了标记语言的规则，这样浏览器才能正确的呈现内容。在HTML4.01中有三种声明。

行内元素有哪些？块级元素有哪些？

行内元素：a、span、img、input、select

块级元素：div、ul、ol、li、p

meta viewport 是做什么用的，怎么写？

控制页面在移动端不要缩小显示。

HTML5的新增特性

新增加了图像、位置、存储、多任务等功能。

新增功能标签：可以用作画板的canvas，用于媒介回放的video和audio元素等

本地离线存储：localStorage长期存储数据，浏览器关闭后数据不丢失;sessionStorage的数据在浏览器关闭后自动删除

语意化更好的标签：figure、footer、header、aside、time 等标签

位置API：Geolocation

表单控件：calendar date time email url search

新的技术：Web Worker(web worker是运行在后台的 JavaScript，独立于其他脚本，不会影响页面的性能。您可以继续做任何愿意做的事情：点击、选取内容等等，而此时 web worker 在后台运行) Web Socket

拖放API：drag、drop

离线网路程序：能够让网页在客户端本地高效地离线运行。

History API：允许对浏览器历史记录进行操作。这对于那些交互地加载新信息的页面尤其有用。

介绍一下你对浏览器内核的理解？

主要分成两部分：渲染引擎(Layout Engine或Rendering Engine)和JS引擎。

渲染引擎：负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入CSS等），以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。
JS引擎：解析和执行javascript来实现网页的动态效果。

最开始渲染引擎和JS引擎并没有区分的很明确，后来JS引擎越来越独立，内核就倾向于只指渲染引擎。

常见的浏览器内核及对应浏览器

Trident：IE内核

Gecko：Firefox内核

Presto：Opera前内核(已废弃)

Webkit：Safari内核，Chrome内核原型，开源

Blink：由Google和Opera Software开发，Chrome（28及往后版本）、Opera（15及往后版本）和Yandex浏览器中使用

defer 和 async 的区别

没有defer或async，浏览器在遇到script标签后，会立即加载并执行标签中的脚本，“立即”指的是在渲染该script标签之下的文档元素之前，也就是说不等待后续载入的文档元素，读到就加载并执行。

有defer，加载后续文档元素的过程将和script.js的加载并行进行（异步），但是script.js的执行要在所有元素解析完成之后，DOMContentLoaded事件触发之前完成。

有async，加载和渲染后续文档元素的过程将和script.js的加载并行进行（异步），但当script.js加载完后会立即执行，即停止加载和渲染后续文档元素，执行script.js。

如图所示，但需要注意以下几点

关于defer，此图未尽之处在于它是按照加载顺序执行脚本的，这一点要善加利用

关于async，它的脚本加载顺序是乱序的，谁先加载完执行谁

云服务器 GPU云服务器 html面试题提权总结整理贴面试题栈面试题

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/53663.html

Java面试前需要了解的东西

摘要：我在面试前针对基础也花了不少的时间，期间也将自己写过的博文粗略地刷了一遍，同时也在网上找了不少比较好的资料部分是没看完的。看面试题也是校验自己是否真正理解了这个知识点，也很有可能会有新的收获。一、前言只有光头才能变强回顾前面：广州三本找Java实习经历上一篇写了自己面试的经历和一些在面试的时候遇到的题目(笔试题和面试题)。我在面试前针对Java基础也花了不少的时间，期间也将...

renweihub 2019-08-16 12:35 评论0 收藏0
前端秋招面试总结

摘要：前言秋招宣告结束，面试了接近家公司，有幸拿到，感谢这段时间一起找工作面试的朋友和陪伴我的人。一定要提前准备好，不然面试官叫你说遇到的难点，或者直接问问题时可能会懵逼。前言秋招宣告结束，面试了接近20家公司，有幸拿到offer，感谢这段时间一起找工作面试的朋友和陪伴我的人。这是一段难忘的经历，相信不亚于当年的高考吧，也许现在想起来高考不算什么，也许只有经历过秋招的人才懂得找工作的艰辛...

Gu_Yan 2019-08-02 12:04 评论0 收藏0
前端秋招面试总结

摘要：前言秋招宣告结束，面试了接近家公司，有幸拿到，感谢这段时间一起找工作面试的朋友和陪伴我的人。一定要提前准备好，不然面试官叫你说遇到的难点，或者直接问问题时可能会懵逼。前言秋招宣告结束，面试了接近20家公司，有幸拿到offer，感谢这段时间一起找工作面试的朋友和陪伴我的人。这是一段难忘的经历，相信不亚于当年的高考吧，也许现在想起来高考不算什么，也许只有经历过秋招的人才懂得找工作的艰辛...

Scholer 2019-08-29 17:21 评论0 收藏0
前端开发-从入门到Offer - 收藏集 - 掘金

摘要：一些知识点有哪些方法方法前端从入门菜鸟到实践老司机所需要的资料与指南合集前端掘金前端从入门菜鸟到实践老司机所需要的资料与指南合集归属于笔者的前端入门与最佳实践。工欲善其事必先利其器-前端实习简历篇 - 掘金有幸认识很多在大厂工作的学长，在春招正式开始前为我提供很多内部推荐的机会，非常感谢他们对我的帮助。现在就要去北京了，对第一份正式的实习工作也充满期待，也希望把自己遇到的一些问题和...

sf_wangchong 2019-08-20 16:10 评论0 收藏0