Web标准

1. 网页的组成

（1）内容(content)：制作者放在页面内想要让访问者浏览的东西：图片，文本，多媒体(声音，视频，动画)等。

（2）结构（structure）：对网页元素整理、分类，使内容更加具有逻辑性和易用性，更清晰易懂，即网页的框架布局（ div + css 布局的多行多列的结构 ），相当于人的身体。结构化标准语言主要包括HTML，XHTML，XML。

（3）表现（presentation）：用于修饰内容的外观样式，定义网页元素的版式、颜色、大小，使网页更美观，相当于人的衣服。表现标准语言主要包括 css。

（4）行为（behavior）：实现网页的交互以及操作效果，让网页动起来，更具有生命力，主要通过脚本语言完成，相当于人的动作。行为标准主要包括 dom，ECMAScript。

2. web标准的三个规范

（1）结构（structure）

① HTML（Hypertext Marked Language）

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

② XHTML（The Extensible HyperText Markup Language）

可扩展超文本标识语言，html 向 xml 的过渡语言，删除了部分表现层的标签，标准要求提高，有严谨的结构，所有标签必须关闭，如果是单独不成对的标签，在标签最后加一个"/"关闭。

③ XML（Extensible Markup Language）

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

（2）表现（behaivor）

① CSS（Cascading Style Sheets）

层叠样式表，通过 css 样式表，W3C创建 css 标准的目的是以 css 取代 html 表格式布局、帧和其他表现的语言，通过 css 样式可以使页面的结构标签更具美感、网页外观更加美观。

（3）行为（Presentation）

① DOM（Document Object Model）

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

② ECMAScript

ECMA（ EuropeanComputer Manufacturers Association ）制定的标准脚本语言（JavaScript）。

3. web标准示例

（1）web标准有关XHTML代码规范

所有标记都必须要有一个相应的结束标记；所有标签的元素和属性的名字都必须使用小写；所有 xml 标记都必须合理嵌套；所有属性必须用引号""括起来；所有 < 和 & 等特殊符号用编码表示；给所有属性赋一个值，xhtml 规定所有属性都必须有一个值，没有值的就重复本身；不要在注释内容中使“--”，“--”只能发生在 xhtml 注释的开头和结束，在内容中它们不再有效。

<P> 我写的不是HTML代码，是寂寞。<br><br> 我说：<br>不要迷恋哥，哥只是一个传说

这段代码在 html 4.01 strict下是完全正确的，但是在 web 标准下，即 xhtml 1.0 strict下就是不合乎规范的。xhtml 有严谨的结构，代码中的<p>要匹配</p>，<br>应为<br />，标签必须小写，&nbsp 空格符必须包含在容器当中。

（2）html 4.01与web标准xhtml 1.0的区别

web标准要求结构与表现分离，上述代码运用" "控制缩进是错误的，应用 css 控制文本缩进。代码中使用两个<br>制造两个段落，<br>是强制折行标签，但段间距不易控制，应用两个<p>标签。所以在 xhtml 标准下，正确代码应是：

<p>我写的不是HTML代码，是寂寞。</p><p>我说：<br/>不要迷恋哥，哥只是一个传说</p>

（3）加分点：标签语义化

为了更符合 web 标准，应适当运用标签语义化。“我"说的话，可用<q>标签标注，“我”字可用<cite>标签（定义作品例如书籍、歌曲、电影、电视节目、绘画、雕塑等等的标题），“HTML”可用<abbr>（缩写，属性为title表示全称）。

<p><cite>我</cite>写的不是<abbr title=”Hyper Text Markup Language”>HTML</abbr>代码，是寂寞。</p><p><cite>我</cite>说：<br/><q>不要迷恋哥，哥只是一个传说</q></p>

4. 对W3C的认识

W3C对 web 标准提出了规范化的要求，包含如下几点：

（1）对于结构的要求：标签字母要小写；标签要闭合；标签不允许随意嵌套。

（2）对于 css 和 js 的要求：尽量使用外链 css 样式表和 js 脚本，使结构、表现和行为分为三块，符合规范，同时提高页面渲染速度，提高用户的体验。样式尽量少用行间样式表，使结构与表现分离，标签的 id 和 class 等属性命名要做到见文知义，标签越少，加载越快，用户体验提高，代码维护简单，便于改版，不需要变动页面内容，便可提供打印版本而不需要复制内容，提高网站易用性。

5. web标准之可访问性、可用性、可维护性

（1）可用性：产品是否容易上手，用户体验怎么样，可用性好是企业的核心竞争力

（2）可维护性：出现问题时，修复成本低则维护性好，代码能被其他开发人员理解，是否容易修改和增强功能。

（3）可访问性：具体要考虑两方面：无论用户是否残障，都得通过用户代理（User Agent）来访问 web 内容，因此要提高可访问性，首先得考虑各种用户代理 ：桌面浏览器、语音浏览器、移动电话、车载个人电脑等等，在Google，专门聘请了一些残障雇员，来帮助提高产品的可访问性；还得考虑用户访问 web 内容时的环境限制，比如嘈杂的环境、过暗或过亮的房间、免提等各种情况，这是更高一层次的可访问性要求，做到了，能造就产品在特定领域的核心竞争力。

6. web标准的优点

（1）代码的效率：在 html 文件中使用最精简的代码，而把样式和页面布局信息包含进 css 文件中，放在服务器上的文件越小，下载文件需要的时间就越短。

（2）易于维护：页面的样式和布局信息保存在单独的 css 文件中，如果想改变站点的外观时，仅需要在单独的 css 文件中做出更改即可，整站统一 css 可带来巨大的便利。

（3）可访问性：上网用户中那些视力受损的人，通过屏幕阅读器使用键盘命令将网页的内容读给他们听。以语义化的 html （结构和表现相分离的 html ）编写的网页文件，就可以让此类用户更容易导航，且网页文件中的重要信息也更有可能被这些用户找到。

（4）设备兼容性：纯 html ，无附加样式信息，可以针对具有不同特点（如屏幕尺寸、不同浏览器等）的设备而被重新格式化，只需要引用一套另外的样式表即可。同时，css 本身也可以让你为不同的呈现方式和媒体类型（如在屏幕上阅读网页，打印网页，在移动设备上阅读网页等）规定不同的样式表。

* 网络爬虫/搜索引擎：搜索引擎使用“爬虫”，解析网页，语义化的 html 能更准确更快速的被解析，从而知道哪些才是重要的内容，那么网页在搜索结果中的排名就会大受影响。

拓展资料：http://www.baike.com/wiki/WEB%E6%A0%87%E5%87%86