上一篇
下一篇
第一个XHTML页面
作者:飘零雾雨 日期:2008-11-18
在对XHTML有了一定的了解后，我们就可以开始自己的第一个XHTML页面了，当然，"Hello World!"依然是最佳选择。
我们知道，在写XHTML之前，首先得为它选择一个合适的DOCTYPE，这里，我们将使用Strict(严格类型)的。
好了，做好了准备之后，Let's say "Hello World!".
XHTML代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn" lang="zh-cn">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="zh-cn" />
<title>第一个XHTML页面：Hello World!</title>
<meta name="Author" content="Doyoe(飘零雾雨), dooyoe@gmail.com" />
</head>
<body>
<p>Hello World!</p>
</body>
</html>
好了，这就是我们的第一个XHTML页面，我们已经将Hello World!打印出来了。
这是一个最简单的XHTML页面，我们也可以将它当成是所有XHTML的一个原始框架，就类似以前的HTML基本结构。
我们来看看这些代码，开头的2行，不用讲了，就是本文一开始说的DOCTYPE，当然，这里你也可以选择其它的DOCTYPE。
接下来是<html>标记，我们可以看到在<html>里比以前多出了几个属性，其中xmlns指的是命名空间，这个属性是必须的，因为即使你不写上去，这个属性也会被自动添加。再有就是lang，这个是用来指定元素内部的内容的所用语言类型，而你在写了lang属性之后，就必须再额外添加一个xml:lang属性，用来指定内部xml的语言类型，我们这里写的是"zh-cn"，当然你也可以用en或其它的语种。大部分xhtml标记都拥有lang属性。
再接下来就是<head>标记了，使用过HTML我们就知道，head还可以包含title, meta, link等标记。这里有一个需要注意的地方就是，我们将title标记写在了2个指定页面编码和语言的meta标记之下，这是为了防止出现乱码的情况。其实的meta标记可以根据你的习惯写在title标记之后。同时，我们还注意到在meta标记里面加了一个"/"。这是为什么呢？原因是XHTML是一种作为XML应用而被重新定义过的，所以它的一些语法必须要和XML一致，而在XML里，要求所有的标记必须关闭。由于在之前的HTML中，meta标记是不被要求关闭的，所以在XHTML中我们给它加上"/"，让它自关闭(这样的标记还有link, br等)，在添加"/"的同时，还需要在之前加上一个空格，因为在有些浏览器中，如果不加上空格，会出现解析错误。而在HTML要求需要关闭的标记，在XHTML就一定需要关闭，如：
<p>Hello World!</p>
不可以写成：
<p>Hello World!
它必须加上</p>关闭标记用以结束。
最后保存的时候，别忘了要保存为UTF-8格式，因为我们在代码里已经指定了页面编码为UTF-8，所以需要保持一致。至于为什么选择UTF-8而不选择gb2312，我想说的是，我喜欢通用的东西，因为我不想看到自己做的东西因为环境变化后，而变的糟糕无趣。
文章来自: 
引用通告: 
Tags: