Web前端常用面试题及详细答案（实战向）.docxVIP

Web前端常用面试题及详细答案（实战向）

一、HTML基础面试题

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

答案：

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

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

语义化标签优势：

结构清晰：代码可读性高，开发者一眼能区分页面头部、导航、主体、侧边栏、底部等区域；

利于SEO：搜索引擎爬虫可精准识别页面模块权重，提升网页收录和排名；

适配无障碍：屏幕阅读器可识别标签语义，方便残障用户浏览网页；

标准化规范：替代传统div堆砌写法，统一团队代码风格。

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

答案：

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

行内元素：同行显示，宽度由内容撑开，无法设置宽高、上下内外边距，仅支持左右边距。常见：span、a、em、i。

行内块元素：兼具两者特性，同行显示，可设置宽高、内外边距。常见：img、input、button。

3、HTML中空标签有哪些？

答案：

空标签（单标签）指没有闭合标签、无内容的标签，常用：br、hr、i