02HTML与JavaScript.doc

第二章 HTML与JavaScript 2.1 HTML基础 一．基础 1．元素与标签 元素(element)指文档的各种成分（如头、标题、段落、表格、列表、斜体、上标等），元素的类型、属性和范围用标签来标识、设置和界定。 元素可以嵌套（形成文档的树状结构），但不能交叉。 文档中的元素为自由书写格式（似C/C++/Java/C#语言），建议按嵌套层次缩进。 标签(tag，标记/标识/标注)是用来描述文档内容的类型、组成与格式化信息的（ASCII可打印）字符串。标签用于标识元素的类型、设置元素的属性，并界定元素内容的开始与结束。 元素可按有无元素内容分为非空元素和空元素两类，对应的标签也分为非空标签与空标签。 1）非空元素与标签 非空元素 = 含有内容的元素。 非空标签 = 标识非空元素的标签，即含有元素内容的标签。 格式：非空元素 = 开始标签 元素内容 结束标签 开始标签 = 标签名[ 属性名[=“属性值”]]…，标识元素的开始 结束标签 = /标签名，标识元素的结束 即：非空元素 = 标签名[ 属性名[=“属性值”]]…元素内容/标签名 其中：[]表示可选，标签名=元素名，属性值可为数字、符号常量和字符串等。 例子 标题(title)：TITLETest/TITLE 锚(anchor)：A href=“”中山大学/A 字体(font)：FONT face=“黑体” size=“3” color=“blue”这是一段采用三号字的蓝色黑体文字/FONT 表格(table)：TABLE align=center border…/TABLE 说明 在HTML中，标签名与属性名都不区分字母的大小写（~DOS/Fortran/Basic），但属性值中的字符串区分大小写。按惯例，在HTML中，标签名一般大写、属性名一般小写（也可以大写）、属性值中的符号常量一般小写。但在XML和XHTML中，是区分字母大小写，而且在XHTML中标签名与属性名都是小写的。 一个非空元素的开始标签与结束标签总是成对出现的，但在HTML中也有一些标签的结束标签可省略（如P、LI、TD等），由下一个同类元素的开始标签来判断其所描述的元素之结束。但这不是一个良好的习惯，容易产生歧义，同时也给浏览器的分析程序增加了不必要的麻烦。建议为每个非空标签写上配对的结束标签，以便与将来一定会替代HTML的XHTML兼容。 开始标签中的属性用空格分隔，出现的顺序是无关紧要的，如FONT face=“黑体” size=“3” color=“blue”与FONT size=“3” face=“黑体” color=“blue”和FONT color=“blue” size=“3” face=“黑体”等都是等价的。 在HTML文档中，属性值一般用单引号或双引号括起来，也可以省略引号。但为了与XHTML兼容，最好用引号把属性值括起来。单引号括起来的属性值中可以包含双引号，而双引号括起来的属性值中可以包含单引号，属性值中还可以包含字符实体（如quot;）和字符编码（如#34）的引用。 2）空元素与标签 空元素 = 不含内容的元素。 空标签 = 标识空元素的标签，即无元素内容的标签。 格式：空元素 = 空标签 = 标签名[ 属性名[=“属性值”]]…/ 或 标签名[ 属性名[=“属性值”]]… 例子 图像(image)：IMG src=“lena.gif”/ 或 IMG src=“lena.gif” 换行(break)：BR/ 或 BR 水平标线(horizontal rule)：HR/ 或 HR 说明：在HTML中，空元素标签一般没有斜杠”/”，如IMG src=“lena.gif”、BR、HR。但为了明确表明元素的结束，并且与将来的XHTML兼容，最好还是加上斜杠”/”。 2．DTD类型与文档结构 1）DTD类型 HTML 4.0有三种不同的文档类型定义(DTD)： 严格(strict)DTD(strict.dtd)——不包含被反对的和框架集中的元素 过渡(transitional) DTD(loose.dtd)——包含被反对的元素，但不包含框架集中的元素 框架集(frameset)DTD(frameset.dtd)——包含被反对的和框架集中的元素 其中，被反对的(deprecated)元素有：APPLET、BASEFONT、CENTER、DIR、FONT、ISINDEX、MENU、S即STRIKE和U，大多数与外观表现有关。 2）文档结构 !DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0//EN /TR/REC-html40/strict.dtd HTML HEAD TITLE标题内容