Web语义化

1、定义
Web语义化是指使用语义恰当的标签,使页面有良好的结构,页面元素有含义,能够让人和搜索引擎都容易理解。

 

2、出现的原因
html刚开始设计出来的时候是带有一定的语义的,包括段落,表格,图片等,但是这些更多的是方便浏览器等UA(user-agent)对它们做合适的处理,但是逐渐搜索引擎也需要借助html提供的语义以及自然语言处理的手段来读懂它们从晚上获取的html文档。

 

3、解决方式
面对这种情况就出现了两种观点
1、让机器接近人类,能够识别颜色等
2、我们在发布内容的时候就用机器可读的、被广泛认可的语义信息来描述内容,降低机器处理web内容的难度

 

4、为什么不用第一种解决方式
要现实是想要让机器接近人类是很难的,虽然现在正在努力中,而语义化相对就简单了很多

 

5、广义|狭义对比
侠义上的语义化就是html标签的语义化,广义上的语义化不仅要使机器易于理解,也要使人易于理解,特别是在团队开发中,对人的易于理解显的尤其重要,可以降低很多合作成本

 

6、为什么要语义化
在没有css的情况下页面也有良好的结构
用户体验:例如title、alt用于解释名词或解释图片信息
有利于SEO
方便其他设备解析以有意义的方式来渲染网页
便于团队合作
以免自己写的代码自己都不想看,这条可忽略了

 

7、需要注意的点
尽可能少的使用无意义的div和span
只要能用css做的就不要使用html标签去做,比如使用b标签
表格要尽量都有头体尾
每个input都要都label标签

更多标签上的直接看w3c的h5文档就可以了