网页开发面试题及详细答案（真实面试版）.docxVIP

网页开发面试题及详细答案（真实面试版）

一、HTML基础面试题

1、HTML5新增了哪些常用标签？实际项目中用过哪些？

参考答案：

HTML5主要新增了语义化标签、媒体标签、表单标签，我项目里经常用到的是语义化标签，用来替代传统的div布局，让代码结构更清晰、利于SEO和适配读屏设备。

常用语义化标签：header、nav、main、section、article、aside、footer。

媒体标签：video视频、audio音频、canvas画布。

表单新增：input的email、tel、number、date类型，还有placeholder、required、autofocus属性。

2、什么是语义化标签？为什么要使用？

参考答案：

语义化标签就是标签自带明确的业务含义，不是单纯用来布局的。比如header代表头部、footer代表底部，不像div、span没有任何语义。

使用好处主要有三点：

1、代码可读性更高，团队协作的时候，别人一眼能看懂每个模块的作用；

2、对SEO友好，搜索引擎爬虫可以精准识别页面结构和核心内容；

3、适配无障碍设备，方便视障用户的读屏软件识别页面模块。

3、行内元素、块级元素、行内块元素的区别？

参考答案：

1、块级元素：独占一行，宽高、内外边距都可以设置，默认宽度100%父级宽度。常见：div、p、h1-h6、ul、li。

2、行内元素：