HTML 语义化

基本概念

根据内容的结构的语义化，选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时利于SEO优化。

优点

• 在没有css的情况下，页面也能呈现出很好的内容结构，代码结构；

• 提升用户体验：例如title、alt用于解释名词和解释图片信息；

• 有利于SEO优化：和搜索引擎建立良好的沟通，有助于爬虫抓取更多的有效信息，爬虫依赖于标签来确定上下文和各个关键字的权重；

• 方便其他设备解析如屏幕阅读器、盲人阅读器、移动设备；

• 语义化更据有可读性，便于团队开发和维护。

常用标签

<aside>: 定义页面内容以外的内容

<details>: 定义用户能够查看或隐藏的额外细节

<figcaption>: 定义 <figure> 元素的标题

<figure>: 规定自包含内容，比如图示、图表、照片、代码清单等

<main>: 规定文档的主内容

<mark>: 定义重要的或强调的文本

<nav>: 定义导航链接

<summary>: 定义<details>元素的可见标题

<time>: 定义日期 / 时间

<table>: 定义表格

<form>: 定义表单

<img>: 定义图片