<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
初级改善
为页面添加正确的DOCTYPE
很多设计师和开发者都不知道什么是DOCTYPE,DOCTYPE有什么用。DOCTYPE
是document
type的简写。主要用来说明你用的XHTML或者HTML是什么版本。浏览器根据你DOCTYPE定义的DTD(文档类型定义)来解释页面代码。所以,
如果你不注意设置了错误的DOCTYPE,结果会让你大吃一惊。XHTML1.0提供了三种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">
对于我们初级改善来说,只要选用过渡型的声明就可以了。它依然可以兼容你的表格布局、表现标识等,不至于让你觉得变化太大,难以掌握。
-------------------------------------------------------------------------------------------
中国的设计师们终于开始向符合标准的网页设 计过渡了,现在我们打开一个网站,分析它的源代码,首先第一行就是< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">,很多人习惯了这种代 码,可是还有很多人不知道这段代码是什么意思。
这段代码我们称之为DOCTYPE声明。DOCTYPE是document type(即文档类型)的缩写,用来说明你用的XHTML或者HTML是什么版本。其中的DTD(例如xhtml1-transitional.dtd) 叫文档类型定义,里面包含了文档的规则,浏览器就根据你定义的DTD来解释你页面的标识,并展现出来。DOCTYPE声明在网页设计中不是必须的,可是要 建立符合标准的网页,这一段声明又是必不可少的组成部分。不过这段声明加上之后,很可能在IE4.0和Netscape 4.0中显示不正常,不过我先现在还在使用IE4.0的人,1万人中也找不出一个了。
现在已经是xhtml 1.0时代了,html 4.0已经过去,现在构件网站都使用主流的xhtml 1.0。那么xhtml 1.0的DTD声明有几种呢?分别代表什么意思?
首先看这一段代码< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">。这是 transitional XHTML 1.0 文档,它允许作者使用所反对的和当前的方法,也就是允许你继续使用html4.0的标识,但是其中的html4.0文档必须符合xhtml的写法。 Transitional是过渡的意思,这是一种非常宽松的DTD。
下面来看第二段代码:< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">。Strict 遵循最严格的XHTML规则,在以该类型编写的文档中,不允许出现HTML 4.0所反对的元素,比如< br>这个标识,就是不允许出现的。Strict是严格的意思,这是一种要求非常严格的DTD。
再来看第三段代码:< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">。Frameset是专门针对框 架页面设计使用的DTD,如果你的页面中包含有框架,需要采用这种DTD。符合该DTD的frameset文档可以使用strict或 transitional标记。
关于< !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">这种声明,就不用再重复了,可以根据针对XHTML 1.0的DOCTYPE声明原理来理解这些声明是什么意思。
---------------------------------------------------------------------------
网页开头部分的声明 我们可能很少关注,下面我就结合网上的资料,把自己的理解写下来,不对的地方,还请多多指正。 有的网站源代码开头部分是
<!DOCTYPE
html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml">
有的网站源代码开头部分是
<!DOCTYPE
html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml" lang="UTF-8">
两个网页源代码的开头部分
基本一样前者比后者的HTML XHTML网页编码这个页面多了一句 lang="UTF-8"
1、什么是DOCTYPE
DOCTYPE是 document type(文档类型)的简写,用来说明你用的XHTML或者HTML是什么版本。
html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
表示那网页是服从W3C//标准.语言是EN , 格式是DTD XHTML ,Xhtml版本是1.0
2、什 么是DTD
DTD 文档类型定义(Document Type Definition)
里面包含了文档 的规则,浏览器就根据你定义的DTD来解释你页面的标识,并展现出来。
(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">
关于DTD的选用 随后再发帖子说明。
3、什么是 xmlns
"xmlns"是XHTML namespace的缩写,叫做"名字空间"声明
因为xml允 许自己定义自己的标识,你定义的标识和其他人定义的标识有可能相同,但表示不同的意义。当文件交换或者共享的时候就容易产生错误。为了避免这种错误发 生,XML采用名字空间声明,允许你通过一个网址来识别你的标识。
4、 xmlns="http://www.w3.org/1999/xhtml" 后面的网址可不可以换成别的呢?
XHTML是HTML向XML过渡的标识语言,它需要符合XML文档规则,因此也需要定义名字空间。又因为XHTML1.0不能自定义标识,所以它的名字 空间都相同,就是http://www.w3.org/1999/xhtml
5、html lang 属性
此属性常用于html标签中,代表整个文档(文件)使用了某 种语言,也可以使用在某个XHTML标签中.
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN">
zh-CN 表示XHTML文档使用中文 en表示 XHTML文档使用英文
xml:lang属性可以使搜索引擎了解你的页面使用了何种语言,搜索引擎可以按语言把页面归类,或者启动某些自动翻译系统.xml:lang属性也可以 使排版工具了解你的页面使用了何种语言,这样相应的排版工具就可以切换标点符号,转换格式等操作
0 评论:
Post a Comment