理解 HTML 语义化
含义
什么是语义化?
语义化就是用正确的标签做正确的事情、表达正确的意思。
一份好的 HTML 代码,应该是正确嵌套、语义明确、结构清晰、合理缩进加必要的注释。
重点:根据网页中内容的结构,选择适合的 HTML 标签进行编写。
优点
为什么要语义化?
提升 SEO 优化,有助于爬虫抓取更多的有效信息。
在没有 CSS 的情况下,也能呈现较好的内容结构与代码结构。
便于团队开发和维护,减少开发者之间的沟通成本。
方便机器更好的识别和解析(比如搜索引擎、针对视障用户的屏幕阅读器等)。
使用场景
举例说明。
HTML5 提供了大量用于提升段落文本语义的标签。
比如布局标签:
| 标签 | 描述 |
|---|---|
| header | 定义页眉 |
| nav | 定义导航 |
| main | 定义文档主要内容 |
| section | 定义节 |
| article | 定义文章 |
| aside | 定义与页面内容关联度较低的内容 |
| footer | 定义页面或章节的尾部 |
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 Vii!
评论







