phpma 现今的互联网领域，在用户和web开发者的概念里，WEB标准这个词正在变得越来越时髦。但是，WEB标准的概念过于笼统，人们对WEB标准到底是什么和她所包含的一些东西有着各自不同的看法。在由中国E动网赞助的“E动杯”ShopEx模板大赛论坛上，参赛者和点评者就什么是WEB标准和模板代码的“表现手法”发言踊跃，本文阐述了作者对于WEB标准的观点，以便大家了解通常意义上WEB标准所指代的概念。

 并没有所谓的“标准”，有的只是建议 phpma

首先，你应该了解实际上并不存在真正的WEB标准，真正存在的是一些推行标准化的组织，就像ISO standards，Ecma。当大多数人提到WEB标准时，他们实际指的是W3C的一些东西。但W3C并不真正制定标准，他们仅是提供建议，以他们自己的话来说：“A W3C Recommendation is a specification or set of guidelines that, after extensive consensus-building, has received the endorsement of W3C Members and the Director. W3C recommends the wide deployment of its Recommendations.”

WEB标准的含义 phpma

一般情况下，WEB标准是由以下几个部分组成的，

•有效的HTML/XHTML phpma phpma

•代码语意清晰 phpma  

•内容(HTML/XHTML)表现(CSS)和交互(Javascript)相分离 phpma

对有些人来说，WEB标准意味着以上所有部分，而对于另一些人来说，可能只是其中一点。但最重要的是这三部分是构建一个优秀站点所不可或缺的。 CHINAZ

有效的HTML/XHTMLphpma

让我们从第一点开始，有效的代码是WEB标准的第一步。对大多数人来说，有效仅意味着HTML/XHTML代码，但不要忘了也有CSS的验证。验证你的HTML/XHTML代码有效性基本上就是指你网页上的代码是否符合你选用的doctype。 phpma CHINAZ

选择正确的doctype很重要，它决定了HTML/XHTML代码该如何被解释以及在不同浏览器中布局的差异。经过验证后的代码能够很好的在不同浏览器中显示，而不需要考虑太多浏览器的兼容性。通过验证你可能会发现潜在的影响页面的代码，修正他们以使开发过程更有效率，和降低日后维护的成本。

代码验证工具 phpma

•W3C Markup Validation ServiceHINAZ

•W3C CSS Validation Servicephpma

•WDG HTML Validator

•Firefox HTML Validator add-on

•Internet Explorer Developer Toolbarphpma
代码语意清晰

任何一个存在于页面中的元素都应该有它存在的意义并能准确表意。简单来说就是要根据上下文关系来选择合适的元素。例子如下 CHINAZ

这段代码语意不清

以下为引用的内容： <div class="page-heading">Title of the page</div> <div class="text-paragraph">     Some text explaining what this web     site is about, which is really a     complete paragraph of text </div> CHINAZ <a class="menu-item" href="/item-1">Menu item 1</a> <a class="menu-item" href="/item-2">Menu item 2</a> <a class="menu-item" href="/item-3">Menu item 3</a> phpma

同样的表现，语意就清晰多了 phpma

以下为引用的内容： <h1>Title of the page</h1> <p>     Some text explaining what this web     site is about, which is really a     complete paragraph of text </p> CHINAZ <ul class="menu">     <li><a href="/item-1">Menu item 1</a></li>     <li><a href="/item-2">Menu item 2</a></li>     <li><a href="/item-3">Menu item 3</a></li> </ul>  phpma

（阅读次数：）