为什么要用语义化标签

       随着 Web 规模的不断扩大,信息量之大已经不在人肉处理的范围之内了。这个时候人们开始用机器来处理 Web 上发布的各种内容,搜索引擎就诞生了。再后来,人们又设计了各种智能程序来对索引好的内容作各种处理和挖掘。所以让机器能够更好地读懂 Web 上发布的各种内容就变得越来越重要
       HTML 规范其实一直在往语义化的方向上努力,许多元素、属性在设计的时候,就已经考虑了如何让各种用户代理甚至网络爬虫更好地理解 HTML 文档。HTML5 更是在之前规范的基础上,将所有表现层(presentational)的语义描述都进行了修改或者删除,增加了不少可以表达更丰富语义的元素。为什么这样的语义元素是有意义的?因为它们被广泛认可。所谓语义本身就是对符号的一种共识,被认可的程度越高、范围越广,人们就越可以依赖它实现各种各样的功能。
书写html时,尽量使用具有语义信息的标签,例如header,nav,aside,section等代替那些没有语义信息的标签,例如big,center,strike,font等(完全可以用css来取代的标签)。这样不仅有利于页面DOM的组织,也有利于机器(主要是搜索引擎)的理解。

总结为以下几点:
1.语义化有利于SEO,有利于搜索引擎爬虫更好的理解我们的网页,从而获取更多的有效信息,提升网页的权重。
  2.在没有CSS的时候能够清晰的看出网页的结构,增强可读性。
  3.便于团队开发和维护,语义化的HTML可以让开发者更容易的看明白,从而提高团队的效率和协调能力。
  4.支持多终端设备的浏览器渲染。




作者:顾轶灵
链接:http://www.zhihu.com/question/20455165/answer/15176745
来源:知乎
著作权归作者所有,转载请联系作者获得授权。



  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
H5语义标签是HTML5标准中引入的一种标记方式,主要用于表达网页内容的结构与含义,可以提高网页的可读性和可维护性,以及增强搜索引擎的理解能力。 在实际开发中,使用H5语义标签的频率较高。随着HTML5标准的普及和浏览器对新标签的兼容性提升,开发人员更加倾向于使用语义标签。它们可以将页面分为多个有意义的块,如<header>,<nav>,<main>,<article>,<footer>等,使得页面结构更加清晰易懂。 使用H5语义标签的好处之一是改善网页的可访问性。对于一些辅助技术,如屏幕阅读器,语义标签可以提供更好的理解和导航体验。这对于视力受限的用户或身体功能障碍者来说尤为重要。 另一个原因是搜索引擎优(SEO)。搜索引擎通过分析网页的结构和内容来确定其排名。语义标签可以更准确地描述页面的结构和内容,提供更多的关键信息,从而增加搜索引擎索引的准确度和可靠性。 虽然H5语义标签有诸多优点,但在实际开发中,仍然有些开发人员为了追求页面效果或兼容性,而未充分使用语义标签。这样可能会导致页面结构混乱、可读性差,增加后期维护的难度。 总的来说,随着对H5语义标签的认识不断加深和浏览器的支持,开发人员普遍倾向于更多地使用这些语义标签以提升网页的质量和性能。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值