XHTML介绍
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
11
/48
2.2.3 XHTML标记 XHTML标记
段落标记符p、 、 和 段落标记符 、br、pre和hr <p>和</p>是配对使用的，用来划分段落。在换行 是配对使用的， 和 是配对使用的 用来划分段落。 的时候另起了一个新的段落。 的时候另起了一个新的段落。 <br />单独使用，表示强制换行。中断当前行而另 单独使用， 单独使用 表示强制换行。 起一行，但是新行与上一行是属于同一段落的，与上 起一行，但是新行与上一行是属于同一段落的， 一行保持了相同的属性。 一行保持了相同的属性。 预格式化标记<pre>和</pre>之间输入的内容将在 和 之间输入的内容将在 预格式化标记 浏览器中按照原格式毫无变化的显示出来 <hr />单独使用可以实现段落的换行，并绘制一条 单独使用可以实现段落的换行， 单独使用可以实现段落的换行 水平直线， 水平直线，在直线的上下两段留出一定的空白 参见 ch2/HtmlExample1.htm
3
/48
2.2.1 XHTML的基本格式 XHTML的基本格式
XHTML中的标记符区分大小写，它的基本格式为： 中的标记符区分大小写，它的基本格式为： 中的标记符区分大小写
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1transitional.dtd"> <html xmlns="/1999/xhtml" > <head> 文档标题</title> <title>文档标题 文档标题 </head > <body> XHTML文档的主体部分 文档的主体部分 </body> </html> 4 /48
12 /48
2.2.3 XHTML标记 XHTML标记
有序列表标记符ol和列表项标记符 有序列表标记符 和列表项标记符li 和列表项标记符
使用标记<ol>和</ol>在XHTML中定义了一个有序列表。 和 中定义了一个有序列表。 使用标记 在 中定义了一个有序列表 两个标记之间不允许有文本信息。 两个标记之间不允许有文本信息。列表中的每一项都必须使用列表项标记 <li>开始，标记 开始， 作为结尾表示一个条目的结束。 开始 标记</li>作为结尾表示一个条目的结束。 作为结尾表示一个条目的结束 <ol> 有序列表项1</li> <li>有序列表项 有序列表项 <li>有序列表项 有序列表项2</li> 有序列表项 <li>有序列表项 有序列表项3</li> 有序列表项 </ol> li是list的缩写。ol是order list的缩写。 的缩写。 是 的缩写。 是 的缩写 的缩写
<h1 style="text-align: center">这是 号标题 这是1号标题 这是 号标题</h1> <h2 style="text-align: left">这是 号标题 这是2号标题 这是 号标题</h2> <h6 style="text-align: right">这是 号标题 这是6号标题 这是 号标题</h6>
大字号 公式 <big>大字号 公式:x=a<sup>2</sup>+b<sub>1</sub></big>
10 /48
2.2.3 XHTML标记 XHTML标记
空格标记 语言中， 在XHTML语言中，显示多个空格，XHTML保留 语言中 显示多个空格， 保留 提供的空格标记“ 了HTML提供的空格标记“ ”。 提供的空格标记 。 一个“ 表示一个空格， 一个“ ”表示一个空格，多个“ ”表 表示一个空格 多个“ 表 示多个空格。 示多个空格。 表示5个 “ ”表示 个 表示 空格。 空格。 将空格和空格标记“ 联合使用。 将空格和空格标记“ ”联合使用。 联合使用 表示5个空格 “ ”表示 个空格。 表示 个空格。
1 /48
2.2 XHTML
W3C已经确定了 个XHTML标准： 已经确定了4个 标准： 已经确定了 标准 XHTML1.0 Transitional XHTML1.0 Frameset XHTML1.0 Strict XHTML1.1 XHTML1.1规范是这些级别中最严格的 规范是这些级别中最严格 规范是这些级别中最严格的 XHTML1.0 Frameset和Transitional规范定义了基 和 规范定义了基 标记， 于XML的HTML标记，允许某些常用的构造。 的 标记 允许某些常用的构造。
2.2 XHTML
XHTML是为了适应 是为了适应XML而重新改造的 而重新改造的HTML。它是一 是为了适应 而重新改造的 。 种独立的语言， 作为基础， 种独立的语言，以HTML 4.01作为基础，又以 作为基础 又以XML的 的 应用为目的，是从HTML到XML的过渡。 的过渡。 应用为目的，是从 到 的过渡 2000年1月，W3C推出 推出XHTML 1.0标准。该标准与 标准。 年 月 推出 标准 HTML 4.01具有相同的特性，也是一种标记语言，但 具有相同的特性， 具有相同的特性 也是一种标记语言， 是做了一些限制， 是做了一些限制，要求在网页中出现的任何元素都要 被标记出来。 被标记出来。 2001年5月，W3C又推出 年 月 又推出XHTML 1.1标准，它以 标准， 又推出 标准 XHTML 1.0的严谨为基础，并做了一些改进，同时对 的严谨为基础， 的严谨为基础 并做了一些改进， XHTML的模块化重新定义。XHTML非常严密，兼容 的模块化重新定义。 非常严密， 的模块化重新定义 非常严密 性强，交互性好，能够解决制约HTML发展的问题，比 发展的问题， 性强，交互性好，能够解决制约 发展的问题 如多种显示设备的支持，多样的数据表示等。 如多种显示设备的支持，多样的数据表示等。
6 /48
2.2.3 XHTML标记 XHTML标记
style属性一般格式为： 属性一般格式为： 属性一般格式为
<标记 style="样式 值1; 样式 值2; ……"> 标记 样式1:值 样式2:值 样式
style中常用的样式有： 中常用的样式有： 中常用的样式有
background-color：设置网页的背景颜色； ：设置网页的背景颜色； color：设置网页中字体的颜色； ：设置网页中字体的颜色； 颜色值: 颜色值 blue/red/green/black/white等 或#FFFFFF/#00FF00格式 等 格式 font-family：设置网页中字体的名称，例如宋体、黑体等； ：设置网页中字体的名称，例如宋体、黑体等； font-size：设置网页中字体的大小（长度 百分比 标准字号） 百分比|标准字号 ：设置网页中字体的大小（长度|百分比 标准字号） text-align：设置文本的对齐方式，常有 种不同的取值，分别 种不同的取值， ：设置文本的对齐方式，常有3种不同的取值 为“left（左对齐）”、“right（右对齐）”和“center（居 （左对齐） （右对齐） （ 中对齐） 在默认情况下使用左对齐方式。 中对齐）”，在默认情况下使用左对齐方式。 例如：<body style="background-color: white; color:#FF0000;
9 /48
2.2.3 XHTML标记 XHTML标记
文字样式标记符 XHTML使用【style】属性中的样式【color】、 使用【 使用 】属性中的样式【 】 【font-family】和【font-size】 】 】 XHTML也保留了 也保留了HTML所提供的一些字体样式标记 也保留了 所提供的一些字体样式标记 符： b标记设置文字为粗体 标记设置文字为粗体bold 标记设置文字为粗体 i标记为斜体 标记为斜体italic 标记为斜体 big标记和 标记和small标记分别表示大字体和小字体 标记和 标记分别表示大字体和小字体 sub标记和 标记和sup标记使文字成为下标或上标 标记和 标记使文字成为下标或上标 例如：<b>加粗 例如： 加粗</b> <i>斜体 斜体</i> 加粗 斜体
2.2.2 XHTML与HTML的区别 XHTML与HTML的区别
XHTML与HTML的区别 与 的区别
标记的嵌套使用(严格/不严格） 大小写的使用（区分/不区分） 引号的使用 （属性必须加引号/随意） 结束标记（不许省略/可以省略） 样式的使用 （type/ style) id和name
具体方法参看课本例2-2 。 具体方法参看课本例
8
/48
2.2.3 XHTMLຫໍສະໝຸດ 记 XHTML标记标题标记符hx 标题标记符 标记符hx（其中x=1~6）用于设置文件中的标题，在 标记符 （其中 ）用于设置文件中的标题， 浏览器中显示的是黑体 标记<h1>表示最大标题，标记 表示最大标题， 标记 表示最大标题 标记<h6>表示最小标题 表示最小标题 <hx>与</hx>必须配对使用，且在 必须配对使用， 与 必须配对使用 且在</hx>后文字自动 后文字自动 换行。 换行。 标题的样式不能像HTML中通过 中通过align属性进行设置， 属性进行设置， 标题的样式不能像 中通过 属性进行设置 中需要使用【 在XHTML中需要使用【style】属性中的 中需要使用 】 【text-align】样式进行设置。例如： 】样式进行设置。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="/1999/xhtml" >
5
/48
2.2.3 XHTML标记 XHTML标记
为网页加入标题 网页标题总是加在< ead>部分， 网页标题总是加在<head>部分，浏览该网页时它会出现在浏 览器窗口的标题栏中。 览器窗口的标题栏中。 表示标题的语法是： title>标题字符串</title> </title 表示标题的语法是： <title>标题字符串</title> 主体标记符body与样式 与样式style属性 主体标记符 与样式 属性 XHTML的主体标记和 的主体标记和HTML是一样的，在两标记之间定义 是一样的， 的主体标记和 是一样的 了网页的所有显示内容。默认背景色为白色，字体是12像素黑色 了网页的所有显示内容。默认背景色为白色，字体是 像素黑色 Times New Roman。 。 在XHTML中，对样式的所有设置都必须放在【style】属性中 中 对样式的所有设置都必须放在【 】 来完成。 来完成。 使用【 使用【style】属性中的样式，可以对该标记所作用的区域进 】属性中的样式， 行一种或多种设置，例如，字体的大小、颜色， 行一种或多种设置，例如，字体的大小、颜色，页面的背景色和 背景图等。 背景图等。
font-size:20;text-align:center"> 7 /48
2.2.3 XHTML标记 XHTML标记
注释标记<!--xx --> 注释标记 中以标记<!--为开始，-->为结束，其间 为开始， 为结束 为结束， 在XHTML中以标记 中以标记 为开始 就是被注释的内容。 就是被注释的内容。 浏览器在解读XHTML文档时不会显示注释的内 浏览器在解读 文档时不会显示注释的内 容。 在设计页面时，适当的给出注释， 在设计页面时，适当的给出注释，可以增强文档 的可读性和可维护性。 的可读性和可维护性。
2
/48
2.2.1 XHTML的基本格式 XHTML的基本格式
一个符合标准的XHTML网页，必须包含一个 网页， 一个符合标准的 网页 DOCTYPE声明 声明 该声明用来将网页标识为XHTML页，并说明网页所遵 该声明用来将网页标识为 页 循的XHTML规范。 规范。 循的 规范 这个网页还必须声明XHTML命名空间 命名空间xmlns ，网页内 这个网页还必须声明 命名空间 的所有标记都是属于这个命名空间的。 的所有标记都是属于这个命名空间的。 例如： 例如：