前端面试题：HTML 语义化的理解

定义：

1 “语义化”指的是在需要更少的人类干预的情况下，能够研究pc和手机信息，让网页能够被机器理解，最终让人类受益

2 语义化是指根据内容的结构化（内容语义化），选择合适的标签（代码语义化）。通俗来讲就是用正确的标签做正确的事情。

好处：

语义化的优点如下：

1.对机器友好，带有语义的文字表现力丰富，更适合搜索引擎的爬虫爬取有效信息，有利于 SEO。除此之外，语义类还支持读屏软件，根据文章可以自动生成目录；

2.对开发者友好，使用语义类标签增强了可读性，结构更加清晰，开发者能清晰的看出网页的结构，便于团队的开发与维护。

3

• 在没有css的情况下，页面也能呈现出比较好的内容结构、代码结构。
• 用户体验较好：例如：label标签的活用、title、alt用于解释名词或解释图片。
• 方便其他设备解析（阅读器、移动设备）以意义的方式来渲染网页。
• 便于团队维护：语义化的HTML更具可读性，团队遵循W3C标准。
• 有利于SEO：和搜索引擎建立友好的交流，有利于爬虫抓取更多的有效信息。

常见的语义化标签：

<header></header>----头部

<nav></nav>----导航栏

<section></section>----区块（有语义化的div）

<main></main>----主要区域

<article></article>----主要内容

<aside></aside>----侧边栏

<footer></footer>----底部 作者：网星软件 https://www.bilibili.com/read/cv17941046 出处：bilibili