简单
技术面试0 次浏览

请简要介绍一下 HTML5 新增的语义化标签及其作用。

微软中国前端工程师
HTML5语义化标签

答题要点

推荐答题框架:采用直接列举的方式,清晰介绍每个标签及其作用。关键要点如下:1. `<header>` 标签:通常用于页面或区域的头部,包含页面标题、导航等信息,方便搜索引擎理解页面结构。2. `<nav>` 标签:专门用于定义导航链接,有助于用户快速找到网站的主要导航,提升用户体验。3. `<article>` 标签:表示独立的、自包含的内容,如文章、博客帖子等,可独立于页面其他部分被引用。4. `<section>` 标签:用于对页面进行逻辑分段,将相关内容组织在一起,增强页面的可读性。示例话术:HTML5 新增了多个语义化标签,比如 `<header>` 标签用于页面头部,可放置标题和导航;`<nav>` 标签用于导航链接;`<article>` 用于独立内容;`<section>` 用于逻辑分段,这些标签使页面结构更清晰,利于搜索引擎优化和用户理解。