网页制作第二讲(XHTML)讲述.ppt

Web标准与xHTML 云南师范大学 李飞 1.2XHML语言基础 1.2.1什么是XHTML 可扩展超文本置标语言（eXtensible HyperText Markup Language，XHTML），是一种置标语言，表现方式与超文本置标语言（HTML）类似，不过语法上更加严格。从继承关系上讲，HTML是一种基于标准通用置标语言（SGML）的应用，是一种非常灵活的置标语言，而XHTML则基于可扩展置标语言（XML），XML是SGML的一个子集。XHTML 1.0在2000年1月26日成为W3C的推荐标准。 1.2XHML语言基础 XHTML 指扩展超文本标签语言（EXtensible HyperText Markup Language）。 XHTML 的目标是取代 HTML。 XHTML 与 HTML 4.01 几乎是相同的。 XHTML 是更严格更纯净的 HTML 版本。 XHTML 是作为一种 XML 应用被重新定义的 　　HTML。 XHTML 是一个 W3C 标准。 1.2XHML语言基础 1.2.2XHTML文档的基本结构 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=utf-8 title无标题文档/title /head body ………………… /body /html 1.2XHML语言基础 1.2.3标签的书写格式 1.3.1封闭类型的标签 title无标题文档/title 1.3.2非封闭的标签 标签名称/ 1.2.4标签属性 标签名称 属性=“属性值”标签内容/标签名称 body bgcolor=“#333333” /body 1.2XHML语言基础 1.2.5XHTML语法规范 1．区分大小写 XHTML对大小写是敏感的，在XHTML文档中，使用相同字母大写和小写定义的元素是不同的。例如，h和H表示的是不同的元素。 说明在XHTML中，规定要使用小写字母来定义页面中所有的元素和属性。包括CSS样式表中的属性等也要使用小写字母。 1.2XHML语言基础 2．正确嵌套所有元素 XHTML中，当元素进行嵌套时，必须按照打开元素的顺序进行关闭。正确嵌套元素的代码示例如下。 ulli/li/ul 错误的嵌套元素的代码示例如下： ulli/ul/li XHTML中还有一些严格强制执行的嵌套限制。这些限制包括以下几点。 ???? a元素中不能包含其他的a元素。 ???? pre元素中不能包含object、big、img、small、sub或sup元素。 ???? button元素中不能包含input、textarea、label、select、button、form、iframe、fieldset或isindex元素。 ???? label元素中不能包含其他的label元素。 ???? form元素中不能包含其他的form元素。 1.2XHML语言基础 3．元素必须要封闭 在XHTML中，所有的页面元素都要有相应的结束元素。例如，body对应的结束元素是/body。其中独立的元素（例如br等）也必须要结束。方法是在元素的右尖括号前加入一个“/”来结束元素，例如，br /就是br结束后的写法。如果元素中还有属性，则“/”出现在所有属性的后面。示例代码如下。 img src=pic.jpg / 1.2XHML语言基础 4．属性必须加上双引号 XHTML中所有的属性，包括数值都必须加上双引号。其示例代码如下： table width=400 5．明确所有属性的值 XHTML中规定每一个属性都必须有一个值。没有值的属性也必须用自己的名称作为值。例如，在HTML中，checked属性是可以不取值的，但是在XHTML中必须用它自身的名称作为值。示例代码如下： input type=checkbox name=box1 value=abc checked=checked? / 1.2XHML语言基础 6．特殊字符要用编码表示 在XHTML页面内容中，所有的特殊字符都要用编码表示。比如“”必须要用“amp;”的形式。例如下面的HTML代码： img src=pic.jpg? src=abc def 在XHTML中必须要写成： img src=pic.jpg? src=abc amp def? / 1.2XHML语言基础 7．推荐使用级联样式表控制外观 在XHTML中，推