- 什么是web语义化
- 语义化的意义所在
- 在平时写代码过程中应该注意的问题
什么是web语义化
关于web语义化的定义,teren君在不同的文章找到不同但相似的解释,整理出两个比较好的解释:
Web语义化是指使用语义恰当的标签,使页面有良好的结构,页面元素有含义,能够让人和搜索引擎都容易理解。
“语义化”指的是机器在需要更少的人类干预的情况下能够研究和收集信息,让网页能够被机器理解,最终让人类受益。
以上两种解释,不难看出,所谓web语义化是在设计页面时通过采用语义恰当
的标签去构建网页,从而使网页更好让计算机、开发者和用户理解
,这导致的结果是页面在去除CSS样式
后仍然具有良好的可读性
、后期的维护性
以及搜索引擎的优化性
等。
语义化的意义所在
- 搜索引擎优化
良好的语义化页面能够构建清晰地逻辑体系和标签权重,从而有助于爬虫高效抓取关键信息
下图使用header、content、footer、thead、tbody、th等语义化标签,使得搜索引擎在搜索该页面时会自动识别该页面的结构特征,实现检索优化
如果采用div+class自定义标签的形式进行页面结构划分,这只能对开发者利于识别,但计算机是无法识别的
一句话:语义化能够使得搜索引擎进行搜索是更好读懂我们的页面内容
- 用户体验
由于语义化标签具有初始的样式和标签含义,所以在裸奔(去除Css样式)后也不影响开发者所要表达的页面内容,这对于网速过慢的用户以及提高开发者编写的精确度都有重要意义
- 开发效率
富含语义的网页结构对前期开发和后期修补bug都有显著作用
良好的语义化页面使得在多人开发的项目中,大伙可以在统一的标准环境下进行分工合作而不会导致工作冲突
在平时写代码过程中应该注意的问题
通过上面的知识,我们大致了解的什么web语义化和语义化的意义所在,因此在这里我们应该在写网页时应该针对语义化建立起一些思维模式:
- 严格要求自己精准使用语义化标签
- 多思考能够使用语义化标签的地方尽可能采用语义化标签
- 不要嫌麻烦,只要你的网页是需要团队开发以及后期维护
- 良好的格式化代码习惯
- 精简的写码风格
- 标识符要具有可读性
......
参考资料: