Web标准

web标准概念入门： http://www.w3cn.org/article/tips/2007/123.html

WEB标准不是某一个标准，而是一系列标准的集合。

网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。

对应的标准也分三方面：

• 结构化标准语言主要包括：XHTML和XML；
• 表现标准语言主要包括：CSS；
• 行为标准主要包括：对象模型（如W3C DOM）、ECMAScript等；

1.结构（Structure）

结构化标准语言主要包括HTML和XHTML以及XML，在页面body里面我们写入的标签都是为了页面的结构。

①HTML

HTML英语意思是：Hypertext Marked Language，即超文本标记语言,使用HTML语言描述的文件，需要通过WWW浏览器显示出效果。是一种最为基础的语言。所谓超文本，因为它可以加入图片、声音、动画、影视等内容，因为它可以从一个文件跳转到另一个文件，与世界各地主机的文件连接。所谓标记，就是它采用了一系列的指令符号来控制输出的效果，这些指令符号用“<标签名字属性>”来表示。

②XHTML

XHTML是The Extensible HyperText Markup Language可扩展标识语言的缩写。XHTML是HTML向XML的一个过渡语言，它比HTML严谨性会高点，然后基本语言都还是沿用的HTML的标签，只不过废除了部分表现层的标签，同时在标准上要求高了点比如标签的严格嵌套，标签结束等等简单的说，建立XHTML的目的就是实现HTML向XML的过渡。

③XML

XML（eXtensible Markup Language）即可扩展标记语言，最初设计的目的是弥补HTML的不足，以强大的扩展性满足网络信息发布的需要，后来逐渐用于网络数据的转换和描述。XML是一种简单的数据存储语言，使用一系列简单的标记描述数据，而这些标记可以用方便的方式建立，虽然XML占用的空间比二进制数据要占用更多的空间，但XML极其简单易于掌握和使用。

2.表现（Presentation）

表现标准语言主要包括CSS（Cascading Style Sheets）层叠式样式表，通过CSS样式表，W3C创建CSS标准的目的是以CSS取代HTML表格式布局、帧和其他表现的语言，通过CSS样式可以是页面的结构标签更具美感，纯CSS布局与结构式XHTML相结合能帮助设计师分离外观与结构，使站点的访问及维护更加容易。

3.行为（Behavior）

行为是指页面和用户具有一定的交互，同时页面结构或者表现发生变化，标准主要包括对象模型（如W3C DOM）、ECMAScript并要求这三部分分离。

①DOM

DOM是Document Object Model文档对象模型的缩写。DOM是一种与浏览器，平台，语言的接口，使得你可以访问页面其他的标准组件。简单理解，DOM解决了Netscaped的Javascript和Microsoft的Jscript之间的冲突，给予web设计师和开发者一个标准的方法，让他们来访问他们站点中的数据、脚本和表现层对像。

②ECMAScript

ECMAScript是ECMA(EuropeanComputer Manufacturers Association)制定的标准脚本语言（JAVAScript）

2.WEB标准（结构、表现、行为分离）有哪些优点呢?

• 易于维护：只需更改CSS文件，就可以改变整站的样式，更少的代码和组件，容易维护。 
• 页面响应快：HTML文档体积变小，响应时间短
• 降低带宽：带宽要求降低（代码更简洁），成本降低。
• 可访问性：语义化的HTML（结构和表现相分离的HTML）编写的网页文件，内容能被更多的用户和设备所访问
• 设备兼容性：不同的样式表可以让网页在不同的设备上呈现不同的样式
• 搜索引擎：语义化的HTML能更容易被搜索引擎解析，提升排名
• 提高网站易用性：在美国，有严格的法律条款（Section 508）来约束政府网站必须达到一定的易用性，其他国家也有类似的要求。
•  向后兼容性：使用web标准建立的页面，将在未来的新浏览器或者新网络设备中很好的工作。我们只要修改CSS或者XSL定制相应的表现形式就可以了

3.对W3C的认识

W3C对web标准提出了规范化的要求，也就是在实际编程中的一些代码规范：包含如下几点

1.对于结构的要求

1.所有的标记都必须要有一个相应的结束标记；

       以前在HTML中，你可以打开许多标签，但在XHTML中这是不合法的。XHTML要求有 
　　严谨的结构，所有标签必须关闭。如果是单独不成对的标签，在标签最后加一个"/"来关闭它。

2.所有标签的元素和属性的名字都必须使用小写；

3.所有的XML标记都必须合理嵌套

4.所有的属性必须用引号""括起来

5.把所有<和&特殊符号用编码表示 : 
　　任何小于号（<），不是标签的一部分，都必须被编码为& l t ; 
　　任何大于号（>），不是标签的一部分，都必须被编码为& g t ; 
　　任何与号（&），不是实体的一部分的，都必须被编码为& a m p; 
6.给所有属性赋一个值，XHTML规定所有属性都必须有一个值，没有值的就重复本身。

7.不要在注释内容中使“--”，“--”只能发生在XHTML注释的开头和结束，也就是说，在内容中它们不再有效。

2.对于css和js的要求

1）尽量使用外链css样式表和js脚本。使结构、表现和行为分为三块，符合规范。同时提高页面渲染速度，提高用户的体验。

2）样式尽量少用行间样式表，使结构与表现分离，标签的id和class等属性命名要做到见文知义，标签越少，加载越快，用户体验提高，代码维护简单，便于改版。

3）不需要变动页面内容，便可提供打印版本而不需要复制内容，提高网站易用性。