HTML5 语义化标签
2024-09-28
13
1. 语义化标签
语义化标签: 使用含有具体意义的词语作为标签
语义化标签可以使页面很好的呈现出内容结构和代码结构,比 div 标签有更加丰富的含义,方便开发与维护
从网页的布局来说,一般会分成几个区域,如头部,导航栏,内容区,底部。在 HTML5 之前都是使用 div、span 添加不同的样式来区分,HTML 5 之后就对这块做了优化,使用语义化标签来表示对应的布局模块
HTML5 新增的语义化标签主要有:
标签 | 描述 |
---|---|
header | 网页头部 |
footer | 网页底部 |
nav | 网页导航 |
main | 主内容区 |
aside | 网页侧边栏 |
section | 网页区块 |
article | 网页文章 |
2. 语义化标签的优点
1. 可以让页面呈现清晰的代码结构,开发体验较好,可读性较高,后期维护效率更高
2. 有利于搜索引擎的抓取,对 SEO 良好,爬虫可以根据不同的标签来分析关键字,提升权重
赞一波!
相关文章
- 如何使用JavaScript从字符串中删除HTML标签?
- 如何在 JavaScript 中使用正则表达式删除 HTML 标签?
- cms系统套标签的简单介绍
- 用于提取HTML标签之间的字符串的Python程序
- C#正则表达式去除网页标签的id class style
- script 标签 defer参数有什么用?
- 齐博X1基础标签数据调用方法
- 解决ueditor编辑器复制微信文章section标签丢失class和style样式问题
- 为了源代码美观,需要关闭标签调用
- 让头部标签也能调用文章系统内容
- 标签或万能标签调用一周热门或评评最多的资讯
- 商务系统 SQL万能标签使用实例(含调商家LOGO)
- 万能标签关键词能否使用or或and功能
- 如何在标签中实现能调用会员发帖数量和积分的排序
- 发几个万能标签调用商务系统的实例
- 用标签或万能标签调用一周热门或热评最多的资讯
- 专题列表添加标签管理的方法
- 使用万能标签调用关键词代码
- 万能标签如何调用 辅栏目?
- 标签调用文章,随机显示,最近浏览,顶的时间
文章评论
评论问答