2020前端面试押题（HTML篇,永久更新）

点赞再看，养成习惯，你们的支持是我持续分享的最大动力

必考：你是如何理解 HTML 语义化的？（这是一个比较抽象的题目，所以最好你能举例说明）

答：HTML语义化就是在页面布局的时候，使用正确的标签。

我平时写的代码都是语义化的代码，举例来说如果是标题我就会用h1到h6，如果是文章我就会用article标签，如果是画板我就会canvas标签。

HTML语义化是存在一个历史进程的，最初前端的页面都是由后端工程师来负责完成的，那个时候一般都用table标签来写页面布局，用这种方法，虽然开发很快，但是导致的后果就是后期的维护很麻烦。

下一个阶段就是美工阶段，这个时候的页面主要是公司里面的美工来负责完成的，他们写页面的方法就是DIV+CSS，这种写法没有问题，但是不够语义化。

最后才到HTML语义化阶段，同时”前端工程师“这个新生职业也随之诞生，这个时候前端工程师们就用正确的标签来表示页面中正确的部分，用正确的标签来描述正确的内容。

使用语义化标签的好处就是，可以让页面具有良好的结构和含义，便于开发者阅读，同时更利于搜索引擎对其相关内容进行收录。

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

viewport可以翻译成”窗口“或者是”视口“，其的出现的主要原因是随着移动端的大量普及，我们前端开发者的工作重心，逐渐由PC端转向了移动端，这个特性主要是用于移动设备。

它的主要属性有：width，控制viewport的宽度；initial-scale默认缩放比例；minium-scale允许用户最小缩放比例；maximum-scale允许用户最大缩放比例;user-scalable是否允许用户手动缩放。

你用过哪些 HTML 5 标签？

首先最好能解释一下HTML5：

HTML5是HTML的最新标准，其主要的目的也是让页面更加具有语义化。

然后再例举一下相关的标签，这里需要注意的是，你这里所例举的标签，当面试官问到你这些标签具体是怎么用的时候，这个你一定要答出来。

header、main、footer、article、canvas、nav、aside...

• H5 是什么？

首先需要说明的是，H5不是HTML5，H5不是HTML5，H5不是HTML5！重要的事情说三遍！！！

那么，什么是H5?

我的理解H5就是移动端页面。

告诫自己，即使再累也不要忘记学习，成功没有捷径可走，只有一步接着一步走下去。 共勉！