多媒体技术15HTMLnew.docVIP

第15章 HTML HTML（HyperText Markup Language，超文本标记语言）是一套书写Web文档（网页）的语法规范，是传统万维网的基础之一，也是新万维网的（基于XML的）网页描述语言XHTML（1.0版）的原型。 本章介绍HTML的基本技术内容，主要是各种常用元素和标签的定义和使用。包括HTML的基础、常用元素和其他元素三个部分。 15.1 基础 本节先介绍HTML的一些基本概念，包括元素、标签、属性、DTD类型、文档结构等；然后给出HTML所使用的转义字符和白空符；最后讨论HTML的元素分类和通用属性分组。 15.1.1 元素与标签 元素是标记语言的基本单元，用标签来表示和界定。在HTML中，元素可以用来描述文档的各种成分和格式。 元素与标签 元素（element）指文档的各种成分（如头、标题、段落、表格、列表、斜体、上标等）。元素的类型、属性和范围用标签（tag）来标识、设置和界定。 元素之间可以嵌套（形成文档的树状结构），但不能交叉。嵌套的诸元素构成父子关系，称外层的为父元素，内层的为子元素。多级嵌套则形成祖父、父、子、孙等多重辈分的层次等级关系。 文档中的元素为自由书写格式（似C/C++/Java/C#语言），建议按嵌套层次进行缩进。 标签 tag，标记/标识/标注 是用来描述文档内容的类型、组成与格式化信息的（ASCII可打印）文本字符串，用一对尖括号“ ”和“ ”括起。标签可用于标识元素的类型、设置元素的属性，并界定元素内容的开始与结束。 元素可按有无元素内容分为非空元素和空元素两类，对应的标签为非空标签与空标签。 非空元素与标签 非空元素指含有内容的元素，非空标签指标识非空元素的标签，包括开始和结束两个标签。 格式：非空元素 开始标签 元素内容 结束标签 开始标签 元素名[ 属性名[ 属性值] ]… ，标识元素的开始 结束标签 ，标识元素的结束 即：非空元素 元素名[属性名[ 属性值]]… 元素内容 其中：[ ]表示可选；元素名 元素名，其字母一般全大写；属性值可为数字、符号常量和字符串等，一般用ASCII码的单/双引号括起来。 例子： 标题： Test 锚 anchor ： a href 中山大学 字体： font face 黑体 size 3 color blue 这是一段采用三号字的蓝色黑体文字 表格： table align center border …… 空元素与标签 空元素指不含内容的元素，空标签指标识空元素的标签。一个空元素只有一个标签。 格式：空元素 空标签 元素名[属性名[ 属性值]]…[/] 例子： 图像 image ： img src lena.gif/ 或 img src lena.gif 换行 break ： 或 水平标线 horizontal rule ： 或 说明 在HTML中，元素（标签）名与属性名都不区分字母的大小写（似DOS/Fortran/Basic），但属性值中的字符串区分大小写。按惯例，在HTML中，元素名一般全大写、属性名一般全小写（也可以全大写）、属性值中的符号常量一般全小写。但在XML和XHTML中，是区分字母大小写的，而且在XHTML中元素名与属性名都是全小写的。为了与XHTML兼容，本书采用全小写的元素名和属性名。 一个非空元素的开始标签与结束标签总是成对出现的，但在HTML中也有一些标签的结束标签可省略（如 、 、 等），而由下一个同类元素的开始标签来判断上个元素的结束。但这是一个坏习惯，容易产生歧义，同时也给浏览器和分析程序增加了不必要的麻烦。建议为每个非空元素写上配对的结束标签，以便与XHTML兼容。另外，在HTML中，空元素标签一般没有尾部的斜杠“/”，如 img src lena.gif 、 、 。但为了明确表明元素为空元素，后面没有结束标签，并且与XHTML兼容，最好还是在空标签中加上尾斜杠“/”，如 img src lena.gif/ 、 、 。 开始标签中的多个属性用空格分隔，出现的顺序是无关紧要的，如 font face 黑体 size 3 color blue 与 font size 3 face 黑体 color blue 和 font color blue size 3 face 黑体 等都是等价的。 在HTML文档中，属性值一般用单引号或双引号括起来，也可以省略引号。但为了与XHTML兼容，最好用引号把属性值括起来。单引号括起来的属性值中可以包含双引号，而双引号括起来的属性值中可以包含单引号。属性值中还可以包含字符实体的引用（如quot;）和字符编码的引用（如#34;）。 15.1.2 DTD类型与文档结构 DTD类型 HTML是SGML的一