3.1 XHTML基本语法_Dreamweaver CC中文版网页设计与制作从新手到高手-QQ阅读男生科幻网

上QQ阅读APP看书，第一时间看更新

3.1 XHTML基本语法

相对于传统的HTML4语言，XHTML语言的语法更加严谨和规范，更易于各种程序的解析和判读。

3.1.1 XHTML概述

XHTML（The Extensible HyperText Markup Language，即可扩展的超文本标记语言），是由HTML（Hyper Text Markup Language，超文本标记语言）发展而来的一种网页编写语言，也是目前网络中最常见的网页编写语言。

XHTML用标记来表示网页文档中的文本及图像等元素，并规定浏览器如何显示这些元素，以及如何响应用户的行为。

例如，<img>标记表示网页中的一个图像元素，也就是说，除了执行【插入】|【图像】命令，或者单击【插入】面板中的【图像】按钮{L-End} 可以在网页中插入图像外，还可以直接在【代码】视图中要显示图像的位置输入<img>标记。

在Dreamweaver中，用户通常使用【属性】面板来设置网页元素的尺寸、样式等属性，而在标记中同样可以设置网页元素的属性。

例如设置图像的大小，通常的做法是在【属性】面板的【宽度】和【高度】文本框中输入像素值；而在<img>标记中只需加入width和height属性，并指定相应的值即可，如<img width = "300px" height = "200px">。

与其他的标记语言HTML和XML相比，XHTML兼顾了两者的实际需要，具有如下特点：

□强大的扩展性　用户可以扩展元素，从而可以扩展功能，但目前用户只能够使用固定的预定义元素，这些元素基本上与HTML的元素相同，但删除了描述性元素的使用。

□良好的兼容性　能够与HTML很好地沟通，可以兼容当前不同的网页浏览器，实现正确浏览XHTML网页。

总之，XHTML是一种标准化的语言，不仅拥有强大的可扩展性，还可以向下兼容各种仅支持HTML的浏览器，已经成为当今主流的网页设计语言。

3.1.2 XHTML文档结构

作为一种有序的结构性文档，XHTML文档具有固定的结构，包括定义文档类型、根元素、头部元素、主体元素四个部分。

在Dreamweaver中可以直接创建包含有XHTML文档结构的网页：执行【文件】|【新建】命令，新建一个空白的网页文档，单击【代码】按钮，即可看到XHTML的文档结构。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!—定义XHTML文档类型-->
<html xmlns="http://www.w3.org/1999/xhtml">
<!—XHTML文档根元素，其中xmlns属性声明文档命名空间-->
<head><!—头部信息结构元素-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<!—设置文档字符编码-->
<title>无标题文档</title><!—设置文档标题-->
</head>
<body>
<!—主体内容结构元素-->
</body>
</html>

提示

为了便于理解，在该段代码中使用了“”对文档进行注释，它们之间的内容不会被浏览器解析。

在XHTML文档中，内容主要分为标签、属性和属性值三级。

1. 标签

标签是XHTML文档中的元素，其作用是为文档添加指定的各种内容。例如，输入一个文本段落，可以使用<p>段落标签。

除此之外，在XHTML文档中还包含如<html>根元素标签、<head>头部元素标签和<body>主体元素标签等标签。

2. 属性

属性是标签的定义，它可以为标签添加某个功能，几乎所有的标签都可添加各种属性。例如，为某个标签添加CSS样式，可为标签添加style属性。

3. 属性值

属性值是属性的表述，用于为标签的定义设置具体的数值或内容程度。例如，“style="font-size:18px"”属性中，"font-size:18px"为文字的样式属性值。

3.1.3 XHTML文档类型声明

文档类型声明是说明当前文档的类型以及文档标签、属性等的使用范本，而文档类型声明的代码应放置在XHTML文档的最前端。

1. 过渡型声明

过渡型的XHTML文档在语法规则上最为宽松，允许用户使用部分描述性的标签和属性。声明的代码如下所述。

<!DOCTYPE html PUBLTC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

提示

由于过渡的XHTML文档允许使用描述性的标签和属性，因此其语法更接近于HTML4文档，目前互联网中绝大多数网页都采用这一声明方式。

2. 严格型声明

严格型的XHTML文档在语法规则上最为严格，它不允许用户使用任何描述性的标签和属性。声明代码如下所述。

<!DOCTYPE html PUBLTC "-//W3C//DTD XHTML 1.0 Strict//EN" "http//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

3. 框架型声明

框架的功能是将多个XHTML文档嵌入到一个XHTML文档中，并根据超链接确定文档打开的框架位置。框架型的XHTML文档具有独特的文档类型声明。声明代码如下所述。

<!DOCTYPE html PUBLTC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">