Web开发====W3C标准_w3c提倡的web属性的值-优快云博客

本文详细介绍了W3C标准在Web开发中的应用，包括XHTML文档类型的正确声明、名字空间的使用、语言编码的定义、Javascript和CSS的规范定义、避免在注释中使用特定字符、属性值的正确书写、特殊符号的编码表示、属性赋值的必要性、标签的封闭要求、标签的合理嵌套、图片alt属性的添加以及form表单中label的使用，同时提供了XHTML和CSS2的校验网址及常见错误对照表。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Web开发====W3C标准

一目的
让页面、程序能够支持所有的浏览器、能够满足尽可能多的用户。要满足所有的客户，即使做不到，也要满足我们技术范围之内的所有用户。
二标准规范
1.页面头声明（DOCTYPE）
DOCTYPE是document type(文档类型)的简写，用来说明你用的XHTML或者HTML是什么版本。其中的DTD(例如xhtml1-transitional.dtd)叫文档类型定义，里面包含了文档的规则，浏览器就根据你定义的DTD来解释你页面的标识，并展现出来。要建立符合标准的网页，DOCTYPE声明是必不可少的关键组成部分；除非你的XHTML确定了一个正确的DOCTYPE，否则你的标识和CSS都不会生效。
1.1 过渡的(Transitional)：要求非常宽松的DTD，它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)。
完整代码如下：

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

1.2 严格的(Strict)：要求严格的DTD，你不能使用任何表现层的标识和属性，例如
。
完整代码如下：

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

1.3 框架的(Frameset)：专门针对框架页面设计使用的DTD，如果你的页面中包含有框架，需要采用这种DTD。
完整代码如下：

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

2 名字空间 namespace

<html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312">

通常我们HTML4.0的代码只是，这里的"xmlns"是什么呢？
这个“xmlns”是XHTML namespace的缩写，叫做“名字空间”声明。XHTML是HTML向XML过渡的标识语言，它需要符合XML文档规则，因此也需要定义名字空间。又因为XHTML1.0不能自定义标识，所以它的名字空间都相同，就是"http://www.w3.org/1999/xhtml"。目前阶段我们只要照抄代码就可以了。

3 定义语言编码

<meta http-equiv=“Content-Type” content=“text/html; charset=gb2312” />

为了被浏览器正确解释和通过W3C代码校验，所有的XHTML文档都必须声明它们所使用的编码语言，我们一般使用gb2312(简体中文)，制作多国语言页面也有可能用Unicode、ISO-8859-1等，根据你的需要定义。
注：如果忘记了定义语言编码,可能就会出现,你在DW(dreamweaver)做完一个页面，第二次打开时所有的中文变成了乱码。
4 Javascript定义
Js必须要用<script language="javascript" type="text/javascript">来开头定义，而不是原来的<script language=javascript>或干脆直接<script>，并且需要加个注释符，以保证不在不支持js的浏览器上直接显示出代码来。

5 CSS定义
CSS必须要用<style type=“text/css”>开头来定义，而不是原来的直接<style>，也不建议直接写在内容代码里如：<div style=”padding-left:20px;”></div>，并需要加个注释符

6 不要在注释内容中使用“–”
“–”只能发生在XHTML注释的开头和结束，也就是说，在内容中它们不再有效；可以用等号或者空格替换内部的虚线。

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

8 把所有<和&特殊符号用编码表示
任何小于号（<），不是标签的一部分，都必须被编码为 <
任何大于号（>），不是标签的一部分，都必须被编码为 >
任何与号（&），不是实体的一部分的，都必须被编码为 &
错误：
http://club.china.alibaba.com/forum/thread/search_forum.html?action=SearchForum&doSearchForum=true&main=1&catcount=10&keywords=mp3
正确：
http://club.china.alibaba.com/forum/thread/search_forum.html?action=SearchForum&doSearchForum=true&main=1&catcount=10&keywords=mp3

9 给所有属性赋一个值
XHTML规定所有属性都必须有一个值，没有值的就重复本身。例如：

<td nowrap><input type="checkbox" name="shirt" value="medium" checked>

必须修改为：

<td nowrap="nowrap"><input type="checkbox" name="shirt" value="medium" checked="checked" />

10 所有的标记都必须要有一个相应的结束标记
以前在HTML中，你可以打开许多标签，例如

和

而不一定写对应的
和来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构，所有标签必须关闭。如果是单独不成对的标签，在标签最后加一个"/"来关闭它。
例如：
```
<img height="80" alt="网页" title=”网页” src="logo.gif" width="200" />
```
特殊结束标记
错误：
```
document.write("<td width=\"300\"><a href=\"1.html\">ok</a></td>")
```
正确:
```
document.write("<td width=\"300\"><a href=\"1.html\">ok<\/a><\/td>")
```
在js中，原已结束的标签需要再转义再结束。

11 所有的标记都必须合理嵌套
因为XHTML要求有严谨的结构，因此所有的嵌套都必须按顺序

12 图片添加有意义的alt属性

13 在form表单中增加lable，以增加用户友好度

附录一
1、XHTML校验
校验网址：http://validator.w3.org/
校验方式：网址校验、文件上传校验
一般选择"Show Source"和"Verbose Output"可以帮助你找到错误代码所在行和错误原因。

XHTML校验常见错误原因对照表
1.No DOCTYPE Found! Falling Back to HTML 4.01 Transitional–未定义DOCTYPE。
2.No Character Encoding Found! Falling back to UTF-8.–未定义语言编码。
3.end tag for “img” omitted, but OMITTAG NO was specified–图片标签没有加"/"关闭。
4.an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified–属性值必须加引号。
5.element “DIV” undefined—DIV标签不能用大写，要改成小写div。
6.required attribute “alt” not specified—图片需要加alt属性。
7.required attribute “type” not specified—JS或者CSS调用的标签漏了type属性。
其中最最常见的错误就是标签的大小写问题了。通常这些错误都是关联的，比如忘记了一个其他
标签都会报错，所以不要看到一堆的错误害怕，通常解决了一个错误，其他的错误也都没有了。
附录二
2、CSS2校验
校验网址：http://jigsaw.w3.org/css-validator/
校验方式：网址校验、文件上传校验、直接贴入代码校验
校验成功，会显示"恭喜恭喜，此文档已经通过样式表校验! "。校验失败，会显示两类错误：错误和警告。错误表示一定要修正，否则无法通过校验；警告表示有代码不被W3C推荐,建议修改。
同样，通过检验后，可以放置一个CSS校验通过图标。

CSS2校验常见错误原因对照表
1.(错误)无效数字：color909090不是一个color值，909090—十六进制颜色值必须加"#“号，即#909090
2.(错误)无效数字：margin-topUnknown dimension：6pixels —pixels不是一个单位值，正确写法6px
3.(错误)属性：scrollbar-face-color 不存在 : #eeeeee — 定义滚动条颜色是非标准的属性
4.(错误)值：cursorhand不存在 : hand是非标准属性值，修改为cursor:pointer
5.(警告)Line:0 font-family: 建议你指定一个种类族科作为最后的选择 --W3C建议字体定义的时候，最后以一个类别的字体结束，例如"sans-serif”，以保证在不同操作系统下，网页字体都能被显示。
6.(警告)Line:0 can’t find the warning message for otherprofile --表示在代码中有非标准属性或值，校验程序无法判断和提供相应的警告信息。