搜集整理: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>
posted on 2012-10-05 00:17  萨迦狐  阅读(190)  评论(0编辑  收藏  举报