前端押题之HTML

138 阅读2分钟

遇到比较抽象的题目就具体化(举例),遇到比较具体的题目就抽象化(阐述)

1.你是如何理解HTML语义化的

举例法

**用正确的标签做正确的事**,段落就写 p 标签,标题就写 h1 标签,文章就写article标签,头部的话用header标签,底部用footer标签,导航用nav标签,侧边栏用aside标签等等,更利用团队的**开发和维护**

首先讲以前的后台开发人员使用table布局,荒野阶段,然后讲美工人员使用div+css布局,美工阶段,最后讲专业的前端会使用正确的标签进行页面开发。

2.meta viewport 是做什么用的,怎么写?

举例法

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1">

width=device-width   宽度等于设备的宽度

initial-scale = 1   初始缩放比例

maximum-scale = 1  允许用户最大缩放比例

minimum-scale = 1   允许用户最小缩放比例

user-scalable = no  是否允许用户缩放

3.你用过哪些h5标签

举例法

、、、、、

写上canvas就会被追问,要去mdn了解一下

developer.mozilla.org/zh-CN/docs/…

4.h5是什么

简单的说,

html5是w3c组织推出的html最新标准

html5标准推出之前,开发者开发一个产品,需要针对PC端以及安卓端IOS端

去撰写不同的代码,才能实现各个端展现相同的功能,方便用户在
电脑和移动端上使用产品
,没有违和感,后期维护的时候也需要分别各自维护,对于企业,这无疑是一个巨大的支出,

html5标准的出世,完全改变了这一现状,开发者不需要根据各个端去编写不同的代码了,在开发过程中不用去了解各个端的独特要求,只需要按照html5标准撰写就可以,符合了html5标准就可以在各端正常运行了,大大减少了开发者的重复劳动,对于企业也降低了开发以及运营、维护成本。