语义化html的好处有感

经常会无聊看看google play里新推了什么新应用,这次看到了pocket(http://getpocket.com),点进去一看,原来是以前用过的read it later,简单的说,这是一个服务,提供了一个途径,使得你可以把临时看到想看的页面暂时收藏起来,过后有空在去看,它还提供了移动终端的应用,方便事后阅读,在使用了pocket应用后,便有了一些感受,也就是我想分享的关于语义化的好处。

经常在css森林里看到关于语义化的讨论,基本会扯到seo,屏幕阅读,最终又常常无疾而终,似乎大家都无法说出特别让人信服的强有力的理由,我就想在这总结下,继续抛砖引玉。

那么什么是语义化的html呢?我的理解是通过html的标签,class和id等属性将标签内的内容整合,使其结构更加清晰更有语义,这里的语义是指让机器能理解的信号,更接近自然语言的逻辑和含义。

如果这样看来,会扯到seo,屏幕阅读似乎很合理,可是为什么每次讨论都还是会有人重复在纠结同样的问题,还是充满着疑问却说不清道不明。seo和屏幕阅读确实需要有良好的语义做支撑,可是对于我们的用户(我们本身也是用户)来讲,这些东西似乎离我们大部分人还很遥远,这也是一个疑惑点,因为感觉不到语义化带来的好处,没有一个很直观的提升体验,所谓语义的重要性也只是停留在理论支持。

我们先来看几个语义化的好处:

1,简洁明了;语义化的代码使你的代码能体现其要展示的内容,对于开发者来说,模块更清晰。

2,可访问性;就像前面说的,屏幕阅读器能准确读出页面上的内容,还可以在标题或者其他需要强调的地方加强语气。可以让更多的设备识别并利用页面上的内容。

3,对搜索引擎友好;其实这点可以算是第二点的在特定领域的应用。

以上三点应该算是经常被提起,也算是比较被认可的观点,个人认为第二点能给用户带来最直接好处。屏幕阅读和seo都只是其中的一种应用,回顾语义化html的定义和它的好处,我们可以发现,它的好处不仅仅局限于此。就像开始提到的一个跨平台的应用,用户在移动终端最想得到的是页面的主体内容,也就是标题和正文,其他的不关心也不想关心,而且访问速度要快,这里就涉及到产品的体验问题,一下就可以分辨出语义化相对非语义化的区别了,良好的语义化html的页面使得应用(不仅仅是屏幕阅读了)可以通过算法更好的识别并合理利用页面的内容,得到用户关心的,减少访问流量,加快信息获取速度。而时间成本的减少,流量消耗的减少和产品良好的阅读体验带来的提升就是各种省钱啊,减少机房废气排放啊,环保节能啊(扯太远了→_→),总之,能让用户和服务提供方省钱的技术才是好技术,而在多终端跨终端访问成为趋势的大背景下,这点变得更有意义,虽然这也只是其中的一种应用,但我相信未来会有更多应用受惠于它。

blog reading via pocket

如需转载,请注明出处:https://i.wanz.im/2012/05/03/good_parts_of_semantic_html/

Comments

  1. By Jacse

    回复

  2. 回复

发表评论

电子邮件地址不会被公开。 必填项已用*标注

Time limit is exhausted. Please reload CAPTCHA.

This site uses Akismet to reduce spam. Learn how your comment data is processed.