Web前端面试试题及详细答案（真实职场版）.docxVIP

Web前端面试试题及详细答案（真实职场版）

一、HTML基础面试题

1、HTML5新增了哪些常用标签？语义化标签的优势是什么？

参考答案：

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

新增功能性标签：video、audio、canvas、input新增类型（date、email、number）等。

语义化标签优势：

代码结构清晰，可读性强，团队协作维护更方便；

有利于搜索引擎爬虫识别页面结构，提升SEO效果；

适配屏幕阅读器，提升网站无障碍访问性；

摒弃纯div布局，结构与样式分离更彻底。

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

参考答案：

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

行内元素：同行显示，不能设置宽高、上下边距，仅支持左右内外边距。常见：span、a、em、i、b。

行内块元素：同行显示，同时支持设置宽高、内外边距。常见：img、input、button。

3、DOCTYPE的作用是什么？不写会有什么问题？

参考答案：

DOCTYPE是文档类型声明，用来告诉浏览器当前页面使用的HTML版本，指导浏览器以标准模式解析渲染页面。

如果不写DOCTYPE，浏览器会进入怪异模