关于web标准的理解(转)

      从开始接触所谓web标准化,差不多也有两年多的时候了吧。从最初的疑惑和彷徨一直到现在,经历了每一个阶段。这段过程是痛苦的也是开心的,痛苦的是这个过程中没有人可以帮你答疑解惑,所有的问题都要你自己去解决(这在初期是痛苦的);开心的是当你成功的走出彷徨以后那份收获的喜悦......

      对于网页的web标准化我对此的理解就是,不应该是table和div之间的取舍,也不应该是用了div布局就是符合标准化。最关键的是对此理解的程度。如果还是以table的思路去写div的话,那还不如直接就用table来布局,因为table布局的可视化已经非常成熟,一定会大大节省你的开发时间。用div(应该是xhtml+css)来布局,现在基本可以肯定的是,你要像程序员一样手写代码(这是必备技能)。 web标准化在W3C上有专门的验证工具,来验证你的网页是否符合标准。个人认为只能做为参考,并不是绝对的。这让我想起来一句话“你做的网站是给用户看的,还是给搜索引擎看的”,用在这个问题上也同理。不用过于崇尚所谓的web标准,只要你是真正的理解了web标准的意义和带来的好处我想就足够了。 说几点我理解的web标准吧(如有雷同,不胜荣幸)

1.是什么就用什么

      这里主要指的是html标记,我曾为此重新学习了一遍html,重新查看了一遍html每一个标记的功能和含义。这一点非常的重要,可以这样说如果你不理解每一个html标记的含义的话,你写出来的前端代码一定是有问题的。这和以前的工作模式有关,因为table布局的时代你是不需要知道每一个html标记的样子和意义的,你只需要在可视化的模式里点一些设置好的按钮就行了。但是现在问题是支持web标准化的可视化还没有造出来。

2.要有属于自己的思路和风格

     “思路决定命运”这句话在这里也同样适用,不管你写的是什么代码,只要是手写的代码每个人的写法都会不同,这应该就是风格吧。思路清晰,风格独特。这应该是我们不断追求的。现在问题来了,思路和风格每个人都有,也无法区分那些是对的,那些是不好的。我看过一些同事或同行写的div网页,有的感觉很奇怪,仔细看来这就是table的方式嘛,只不过是把table改成div了,当然也不是就这么简单的,但是思路是和传统一样的,这种现象就是比较致命的,而且只会有麻烦不会有好处的。还是上面提到的两个字“理解”

3.易于扩展

这就和程序里提到的模块的定义应该是一至的,模块化也是css追求的目标。实际上只是思路的一种转变,应用起来也非常有效而且易于扩展。举一个很简单的例子,把A块拿到B块后要保证基本样式不变或是完全一至,但是现在很多的情况是,只要移动位置就会错乱或全乱。我的意见是首先分清楚那些是共用那些是私有,然后再考虑易于扩展的问题。

4.注释和命名

      这两点非常的重要,也是区分代码质量的一个很重要的标准。首先代码写出来是给用户看的,更应该是给自己和其它同事看的。注释的意义就不说了说一下命名吧。命名应该是非常的重要,首先从class的名字就能很快知道这个类是做什么用的,而且不光是你自己可以看懂,其它人如果接手你的项目也很快能理解。box_a,box_b,box_c等等,如果你单纯看这样的名字会不会知道它是干什么的?答案肯定是不知道。这种命名方式很普通,先说说有什么弊端吧。第一.连你自己都会搞乱的;第二.如果有变更你就会非常麻烦(不可能没有变更的);第三.不利于维护和管理;第四.这种类似的命名方式就说明了你还没有完全理解web标准化,也就是还在用传统的思路来理解标准......

于此自己的理解和需要加强的地方

1、了解HTML标签的含义并合理使用 使文档结构易于理解 检索更加方便 HTML5在这方面进行了加强(HTML)

2、合理的注释和命名(JS)

3、W3C标准 DIV+CSS的布局替换table布局,不能因为实现功能而忽略代码结构(CSS)

原文地址:https://www.cnblogs.com/wangyuanliang/p/3821296.html