简介

万维网联盟（外语缩写：W3C）标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的标准也分三方面：结构化标准语言主要包括 XHTML 和 XML，表现标准语言主要包括 CSS，行为标准主要包括对象模型（如 W3C DOM）、ECMAScript 等。这些标准大部分由万维网联盟（外语缩写：W3C）起草和发布，也有一些是其他标准组织制订的标准，比如 ECMA（European Computer Manufacturers Association）的 ECMAScript 标准。

标准规范

1. 声明文档类型（DOCTYPE）

DOCTYPE（document type）文档类型的简写，用来说明你用的 XHTML 或者 HTML 是什么版本。其中DTD 叫文档类型定义，里面包含了文档的规则，浏览器就根据你定义的 DTD 来解释你页面的标识，并展现出来。要建立符合标准的网页，DOCTYPE 声明是必不可少的关键组成部分；除非你的 XHTML 确定了一个正确的 DOCTYPE，否则你的标识和 CSS 都不会生效。 DTD声明有三种，过度的（Transitional）、严格的（strict）、框架的（frameset）

过度的： 要求非常宽松的 DTD，它允许你继续使用 HTML4.01 的标识(但是要符合 XHTML 的写法)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

严格的： 要求严格的DTD，你不能使用任何表现层的标识和属性，例如 <br>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

框架的： 专门针对框架页面设计使用的DTD，如果你的页面中包含有框架，需要采用这种DTD

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

注意： DOCTYPE 声明必须放在每一个 XHTML 文档最顶部，在所有代码和标识之上

2. 定义语言编码

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

注意： 如果忘记了定义语言编码，可能会出现页面乱码现象

3. 定义Javascript

JS 必须要用 <script language="javascript" type="text/javascript"> 来定义开头，以保证在不支持 JS 的浏览器上不会直接显示出代码来

4. 定义CSS

CSS 必须要用 <style type="text/css"> 来定义开头，为保证各浏览器的兼容性，在写 CSS 时请都写上数量单位

5. 注释内不要使用 "-"

这样写  是无效的，可以写成 

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

XHTML 与 HTML 不一样，XHTML 对大小写是敏感的。<title></title> 和 <TITLE></TITLE> 是不同的标签。而XHTML要求所有的标签和属性的名字都必须使用小写，大小写夹杂也是不被认可的

7. 所有的属性的值必须用引号 " " 或者 ’ ’ 括起来

在 HTML中，你可以不需要给属性值加引号，但是在 XHTML 中，它们必须要加引号。例如：<height=80> 必须修改为：<height="80">

8. 所有特殊符号用编码表示

空格为 、小于号（<）&lt、大于号（>）&gt、与号 & 、©号 © 等

9. 所有属性必须有属性值

XHTML 规定所有属性都必须有个值，没有值就是重复本身。<input type="checkbox" checked> 须改为：<input type="checkbox" checked="checked">

10. 所有的标记都必须要有一个相应的结束标记，也就是说标签必须闭合

在 HTML 中你可以写多个标签而不关闭它，如写 <p> 但是不写 </p>，但是在 XHTML 中是不合法的，XHTML 要求有严谨的结构，所有标签必须是闭合的。如果有单独不成对的标签，要加 / 来关闭。例如 ![在这里插入图片描述]()

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

<p><b></p></b> 须改为：<p><b></b></p>

12. 图片要添加 alt 属性和 title 属性

[外链图片转存失败(img-pEDt4Ro1-1562060566315)(https://mp.csdn.net/mdeditor/93874558)]

13. 在 form 表单中增加 label，以提高用户体验

<form>
  <label for="name"> 用户名: </label>
  <input type="text" id="name" />
</form>

凡_夫

发布了67 篇原创文章 · 获赞 584 · 访问量 11万+

私信关注

W3C标准的深入理解

简介

标准规范

猜你喜欢