css之 9.标签语义化含义及实用技巧
9.标签语义化含义及实用技巧(面试题)
1.标签语义化——含义
- 合适标签做合适的事情,例如文章段落用p标签,标题用h1-h6标签,logo用a标签并且在a标签外面会在套h1,h1权重最大。
- 标签语义化为浏览器和搜索引擎服务
2.标签语义化——为什么要遵循标签语义化
- 利于SEO优化(也就是搜索引擎的抓取,搜索引擎的爬虫也依赖于标记来确定上下文和各个关键字的权重)
- 在样式丢失的时候,还是可以比较好的呈现结构
- 更好的支持各种终端,例如无障碍阅读和有声小说等
- 利于团队开发和维护,W3C给我们定了一个标准,那么团队中都遵循这个标准,那么代码的差异就会缩小,在开发和维护的时候就可以提高效率
3.标签语义化——日常工作中怎样遵循标签语义化
- 尽量减少使用无意义标签,例如span和div
- 尽量不使用标签本身的css属性,例如b、font、s等标签,如果需要这些样式,那么使用css样式来进行添加
- 在需要强调的部分,使用strong、em,但是样式尽量使用css样式来描述
- 表格搭建时,使用
表格头部 ;表格身体;表格尾部 - 列表搭建时,使用
- 无序列表
- 有序列表
- 定义列表
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!
