什么是w3c标准?
w3c: 万维网协议,是一系列标准的集合,本质是结构标准语言
主要分3个方面:
1、结构化标准语言(HTML)
2、表现性标准语言 (CSS)
3、行为标准 (DOM、ESMAScript)
为什么要遵循W3C?
开发者作为浏览器生产商和用户的中间者,要尽可能的让我们的页面支持更多的浏览器,满足更多的用户需求。
标准的内容有哪些?
1、!DOCTYPE(文档类型)
DOCTYPE声明必须放在每一个XHTML文档最顶部,在所有代码和标识之上。告诉浏览器使用的HTML/XHTML是什么版本。
XHTML1.0提供了三个DTD声明供选择:
i) 过渡的(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">
ii) 严格的(Strict):要求严格的DTD,你不能使用任何表现层的标识和属性,例如<br>
。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
iii) 框架的(Frameset):专门针对框架页面设计使用的DTD,如果你的页面中包含有框架,需要采用这种DTD。
`<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"`>
2、定义语言编码
charset常见的有utf-8 、 gb2312(简体中文) 、Unicode等
如未设置编码,可能会导致界面中文乱码
<meta http-equiv=”Content-Type” content=”text/html;charset=gb2312” >
3、名字空间namespace
<html xmlns=http://www.w3.org/1999/xhtml lang=”gb2312”>
xmlns(XHTMLnamespace)"名字空间"的声明。
XHTML(可扩展性超文本标记语言)是HTML(超文本标记语言)向XML(可扩展标记语言)过渡的标识语言,它需要符合XML文档规则,因此也需要定义名字空间。又因为XHTML1.0不能自定义标识,所以它的名字空间都相同,就是”http://www.w3.org/1999/xhtml“
XML的namespaces功能使你可以增加自己的新标签而不需要特别的浏览器支持。
4、JavaScript
js必须要用<script language=”javascript” type=”text/javascript”>
来开头定义,而不是原来的<script language=javascript>
或干脆直接<script>
并且需要加个注释<!-- -->
,以保证在不支持js的浏览器上不会直接显示出代码来。
5、style
CSS必须要用<style type=”text/css”>
开头来定义,而不是原来的直接<style>
,也不建议写行内样式,也需要加个注释符<!-- -->
6、不要在注释内使用”–”
无效写法:<!--这里是注释-----------这里是注释--
>
正确写法:<!--这里是注释============这里是注释-->
7、所有标签的元素和属性的名字都必须使用小写
与HTML不一样,XHTML对大小写是敏感的,大小写夹杂也是不被认可的。
8**、所有的属性必须用引号””括起来**
在HTML中,你可以不需要给属性加引号,但是在XHTML中,它们必须被加引号。
9、把所有的<和&符号用编码表示
任何小于号(<),不是标签的一部分,都必须被编码为**<**;
任何大于号(>),不是标签的一部分,都必须被编码为 >
任何与号(&),不是实体的一部分的,都必须被编码为 &
10、给所有属性赋一个值
XHTML规定所有属性都必须有一个值,没有值的就重复本身
// 错误写法:
<td nowrap><input type="checkbox" name="shirt" value="medium" checked>
// 正确写法
<td nowrap="nowrap"><input type="checkbox" name="shirt" value="medium" checked="checked" />
11、所有的标记都必须要有一个相应的结束标记
XHTML要求有严谨的结构,所有标签必须关闭。如果是单独不成对的标签,在标签最后加一个”/”来关闭它。
如: <br />
12、所有的标记都必须合理嵌套
错误写法:<p><b></p></b>
正确写法:<p><b></b></p>
13、图片添加有意义的alt属性
<img src="logo.gif" width="100" height="100" align="middle" boder="0" alt="logo图片" />
14、在form表单中增加label
html5 为什么不需要声明时引用 DTD 文档了?
声明必须位于 HTML5 文档中的第一行,也就是位于 标签之前。它告诉浏览器网页所使用的 Html 规范是什么。因为 HTML4.01基于SGML,所以Html 4.01 中的DOCTYPE需要对DTD进行引用。而HTML5不基于SGML,是基于XHTML,因此不需要对 DTD 进行引用,但是需要 DOCTYPE来规范浏览器的行为。
需要注意的是DOCTYPE对大小写很敏感,请书写时注意大小写。
如何将现有的HTMl转换为XHTML
在W3C(www.w3c.org)网站上有一个开放原代码(open-source)的软件叫HTML Tidy,可以帮助你直接转换。
XHTML未来会怎样
新版本将没有向下兼容老浏览器的约束,可扩展性高,更规范,能够支持大多浏览器,有更多的发展空间
学习参考 点击跳转 原创地址