雷达智富

首页 > 内容 > 程序笔记 > 正文

程序笔记

HTML5 语义化标签

2024-09-28 13

1. 语义化标签


语义化标签: 使用含有具体意义的词语作为标签

语义化标签可以使页面很好的呈现出内容结构和代码结构,比 div 标签有更加丰富的含义,方便开发与维护

从网页的布局来说,一般会分成几个区域,如头部,导航栏,内容区,底部。在 HTML5 之前都是使用 div、span 添加不同的样式来区分,HTML 5 之后就对这块做了优化,使用语义化标签来表示对应的布局模块

HTML5 新增的语义化标签主要有:

标签 描述
header 网页头部
footer 网页底部
nav 网页导航
main 主内容区
aside 网页侧边栏
section 网页区块
article 网页文章

2. 语义化标签的优点


1. 可以让页面呈现清晰的代码结构,开发体验较好,可读性较高,后期维护效率更高
2. 有利于搜索引擎的抓取,对 SEO 良好,爬虫可以根据不同的标签来分析关键字,提升权重

更新于:15天前
赞一波!

文章评论

评论问答