什么是语义元素？
语义元素清楚地向浏览器和开发者描述其意义。
非语义元素的例子：<div> 和 <span> - 无法提供关于其内容的信息。
语义元素的例子：<form>、<table> 以及 <img> - 清晰地定义其内容。
根据元素（“标签”）其被创造出来时的初始意义来使用它。打个比方，用 heading 元素来定义头部标题，p 元素来定义文字段落，用 a 元素来定义链接锚点，等等。
有根据有目的地使用 HTML 元素，对于可访问性、代码重用、代码效率来说意义重大。
| 元素名 | 语义 | 注释 |
|---|---|---|
| main | 主标签 | 页面主要部分只出现一次 |
| header | 头部标签 | 并非仅限页面头部，由指所在块区域的头部 |
| footer | 底部区域 | 同上 |
| nav | 导航区域 | — |
| ul li | 无序列表 | — |
| article | 独立区域 | — |
| section | 相似的区域 | 页面循环块，比如每件商品 |
| aside | 挂件 | 附加内容 、广告位、侧边栏 |
| small | 小标题 | 如标题的说明 |
| time | 时间 | — |
| abbr | 提示 | 鼠标悬浮会有提示内容 |
| sub | 下角标 | H2O |
| sup | 上角标 | 52 |
| del | 已被删除的文本 | 常和ins共用 |
| ins | 更新后的文本 | 常和del共用 |
| s | 不准确的文本 | — |
| code | 代码块 | — |
| string | 强调的文本 | 加粗 |
| em | 强调的文本 | 斜体 |
| mark | 强调的文本 | 标记 |
| cite | 引用文本 | — |
| blockquote | 引用段落 | — |
| address | 地址 | — |
243
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
