搜集整理:sagahu@163.com
来源:《新手学CSS+DIV》曾静娜 等 编著
下面是Dreamweaver自动生成的一个标准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" > <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>无标题文档</title> </head> <body> </body> </html>
这段代码可以分为四个部分:第一部分是DOCTYPE声明部分,第二部分是命名空间,第三部分是文档头部,第四部分是文档主体。
1. 第一部分:DOCTYPE声明部分
浏览器根据DOCTYPE定义的DTD(文档类型定义)来解释页面。XHTML 1.0提供了三种DOCTYPE可选择:
- 过渡型(Transitional):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- 严格型(Strict):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
- 框架型(Frameset):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
2. 第二部分 XML的命名空间
代码如下:
<html xmlns="http://www.w3.org/1999/xhtml" >
3. 第三部分 文档头部
代码如下:
<head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>无标题文档</title> </head>
3. 第四部分 文档主体
代码如下:
<body> </body>