自己理解的W3C标准和规范

来源：互联网发布：淘宝商品都有哪些类目编辑：程序博客网时间：2024/04/28 05:55

1.理解

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

2.分层对应的标准
2.1结构化标准-——可扩展标记语言(xml)和标准通用标记语言都是能定义其他语言的语言，可扩展超文本标记语言(xhml:实现HTML向XML的过渡)
2.2表现标准——层叠样式表（外语缩写：CSS，目前是从css2）
2.3行为标准——文档对象模型DOM（一种与浏览器，平台，语言的接口），ECMAScript
3.代码标准（写代码关注,加粗部分,其他没有提到的都是可以随意）

1.标签必须要有结束标记，如<p></p>,<img hight="80" width="80" src="#" alt="方框" />；

2.嵌套必须严格对称<p><b></b></p>;

3.XHTML中，属性值必须被加双引号<height="80">，如果有双引号内，可以用单引号；

4.XHTML对大小写是敏感的，要求所有的标签和属性的名字都必须使用小写；

5.XHTML规定所有属性都必须有值，没有值的就重复本身<input type="checkbox" name="shirt" value="medium checked="checked">；

6.“--”只能发生在XHTML注释的开头和结束。而,错误的是：

7.特殊符号用编码：任何小于号（<），不是标签的一部分，都必须被编码为& l t ;

8.一个网页中id="xx"同一个选择器不能重复使用,若需要重复请用class="xx"；

9.正确的引用JS,一定要有类型<script language="javascript" type="text/javascript">or <scripttype="text/javascript" src="script.js"></script>；

10.图片标签一定要有alt属性<img src="bg.gif" height="50" border="0" alt="说明文字"/>；

11.不允许使用框架标签<IFRAME>，可以用js做成外部关联文件引入;

12.css的样式表要包含在<head>中，<head><link rel="stylesheet" type="text/css" href="style.css" /><style type="text/css"><style type="text/css"></style></head>;

13.表格的高度最好用css定义；

14.页面的Doctype:(告诉浏览器文档类型，让浏览器可以解析你的文档)

(1)过渡型（Transitional ）

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

(2)严格型（Strict ）

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

(3)框架型（Frameset ）

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

15.用结构化元素代替无意义的垃圾

比如换行：句子一<br /> 句子二<br /> 句子三<br />如果我们采用一个无序列表代替会更好：

<ul> <li>句子一</li> <li>句子二</li> <li>句子三</li> </ul>

如果你不想要圆点的话，CSS中可以加入：list-style:none;

16.用CSS定义元素外观,我们可以定义标签的其他样式，比如h1, h2, h3, h4, h5, h6{ font-family: 宋体, serif; font-size: 12px; }

5.优点：对于用户，页面加载速度变快，适应更多设备可以访问，对于网站，代码容易维护，代码更为整洁，搜索引擎更容易找到。

1 0