视频加载失败

CSS标签语义化

421 字
2 分钟
CSS标签语义化

标签语义化的重要性/为什么要遵循标签语义化:合理的标签做合理的事情#

  • 1、重要的内容,要放在语义重要的标签中,利于SEO优化(搜索引擎榨取),利于SEO优化(也就是搜索引擎的抓取,搜索引擎的爬虫也依赖于标记来确定上下文和各个关键字的权重);
    • 浏览器会按照每个标签的意义去解析这个标签中的内容:h1—>这是一个大标题,意义很重要,搜索引擎会重点抓取这个里面的内容
    • p—>段落 浏览器在展现这一部分的时候,会独立成一块,让网页结构更加清晰,给用户更好的浏览体验
  • 2、在没有css样式的时候,页面也可以整齐的显示效果
  • 3、更好的支持各种终端,例如无障碍阅读和有声小说等;
  • 4、利于团队协作和后期维护

日常工作中怎样遵循标签语义化#

  • 1、尽量减少使用无意义标签,例如span和div;
  • 2、尽量不使用标签本身的css属性,例如b、font、s等标签,如果需要这些样式,那么使用css样式来进行添加;
  • 3、在需要强调的部分,使用strong、em,但是样式尽量使用css样式来描述;
  • 4、表格搭建时,使用`表格头部 表格身体 表格尾部;
  • 5、列表搭建时,使用
      无序列表
      有序列表
    定义列表
    ;`

国家评比一个网站的关键点:访问量(流量/点击量)

支持与分享

如果这篇文章对你有帮助,欢迎分享给更多人或打赏支持!

打赏
CSS标签语义化
https://gaodaxiu-blog.netlify.app/posts/CSS标签语义化/
作者
GaoDaXiu
发布于
2017-06-30
许可协议
CC BY-NC-SA 4.0
Profile Image of the Author
GaoDaXiu
Hello, I'm GaoDaXiu.
公告
欢迎来到我的博客!
分类
标签
最新动态
站点统计
文章
76
分类
20
标签
128
总字数
72,109
运行时长
0 天
最后活动
0 天前
站点信息
构建平台
Netlify CI
博客版本
Firefly v6.16.8
文章许可
CC BY-NC-SA 4.0
文章目录