web标准与语义化

一、WEB标准介绍

WEB（World Wide Web万维网）标准是一系列标准的集合。

目的：实现内容(结构)和表现分离，就是将样式剥离出来放在单独的css文件中。这样做的好处是可以分别处理内容和表现，也方便搜索和内容的再利用。

优点：

对于访问者

● 文件下载与页面显示速度更快。

● 内容能被更多的用户所访问（包括失明、视弱、色盲等残障人士）。

● 内容能被更广泛的设备所访问（包括屏幕阅读机、手持设备、搜索机器人、打印机、电冰箱等等）。

● 用户能够通过样式选择定制自己的表现界面。

● 所有页面都能提供适于打印的版本。

对于网站所有者

● 更少的代码和组件，容易维护。

● 带宽要求降低（代码更简洁），成本降低。举个例子：当 ESPN.com 使用 CSS改版后，每天节约超过两兆字节（terabytes）的带宽。

● 更容易被搜寻引擎搜索到。

● 改版方便，不需要变动页面内容。

● 提供打印版本而不需要复制内容。

● 提高网站易用性。在美国，有严格的法律条款（Section 508）来约束政府网站必须达到一定的易用性，其他国家也有类似的要求。

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

所以标准对应分三种：

1、结构化标准语言主要包括HTML（超文本标记语言）、XHTML（可扩展超文本标记语言）和XML（可扩展标记语言）；

HTML：通过标记符号来标记要显示的网页中的各个部分。

XHTML：HTML4.0的基础上，用XML的规则对其进行扩展，得到了XHTML。简单的说，建立XHTML的目的就是实现HTML向XML的过渡。

XML：XML最初设计的目的是弥补HTML的不足，以强大的扩展性满足网络信息发布的需要，后来逐渐用于网络数据的转换和描述。

2、表现标准语言主要包括CSS（层叠样式表）；目的是以CSS取代HTML表格式布局、帧和其他表现的语言。

3、行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。

DOM是一种与浏览器，平台，语言的接口，用于访问页面其他的标准组件。DOM解决了Netscaped的Javascript和Microsoft的Jscript之间的冲突（两者是ECMA-262标准的实现和扩展。），给予web设计师和开发者一个标准的方法，让他们来访问他们站点中的数据、脚本和表现层对象。

ECMAScript是一种由Ecma国际（前身为欧洲计算机制造商协会，European Computer Manufacturers Association）通过ECMA-262标准化的脚本程序设计语言。

---

//注：标准大部分由万维网联盟(

World Wide Web Consortium)起草和发布，也有一些是其他标准组织制订的标准，比如ECMA(European Computer Manufacturers Association}的ECMAScript标准。

二、WEB语义化

含义：语义化是指使用恰当语义的html标签、class类名等内容，让页面具有良好的结构与含义，从而让人和机器都能快速理解网页内容。语义化的web页面一方面可以让机器在更少的人类干预情况下收集并研究网页的信息，从而可以读懂网页的内容，然后将收集汇总的信息进行分析，结果为人类所用；另一方面它可以让开发人员读懂结构，让用户或屏幕阅读器能够读懂内容。

包含两个方面：html语义化及css命名语义化。

语义化的(X)HTML文档有助于提升你的网站对访客的易用性，比如使用PDA、文字浏览器以及残障人士将从中受益。对于搜索引擎或者爬虫软件来说，则有助于它们建立索引，并可能给予一个较高的权值。

事实上SEO（搜索引擎优化）最有效的一种办法，就是对网页的HTML结构进行重构，实质上就是语义化。