H5+CSS 高频面试题及详细答案（实战版）.docxVIP

H5+CSS高频面试题及详细答案（实战版）

一、HTML5面试题

1、说说HTML5新增的语义化标签有哪些？语义化的好处是什么？

参考答案：

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

语义化核心好处：

代码结构清晰：标签顾名思义，可读性强，团队协作维护更方便，不用靠注释区分模块。

利于SEO：搜索引擎爬虫可以精准识别页面模块结构，区分导航、正文、侧边栏、页脚，提升页面收录和权重。

适配无障碍访问：屏幕阅读器可以精准识别页面区域，方便视障用户浏览页面。

标准化规范：替代了过去全靠div堆砌的混乱写法，页面结构更统一规范。

2、HTML5新增的表单特性有哪些？常用新表单类型和校验属性

参考答案：

一、新增表单输入类型：email、tel、url、number、date、time、month、search、range、color。

二、新增表单校验属性：

required：必填校验

placeholder：输入框提示文字

max/min/step：数值、日期范围限制

pattern：正则表达式自定义校验规则

autofocus：页面加载自动聚焦

autocomplete：开启/关闭输入联想

三、新增表单特性：表单可以脱离form标签嵌套，通过form属性关联表单域；新增sub