XHTML简介
XHTML规范_1.0
XHTML规范1.0版2009-10-10 Carter@一、总则 (2)1.1目的及效力 (2)1.2 XHTML规范 (2)二、文档类型 (2)2.1文档类型规范 (2)2.2文档类型代码 (2)2.3 说明 (3)三、head区 (3)3.1 head区规范 (3)3.2 head区代码 (3)按住CTRL并单击目录可直接定位一、总则1.1目的及效力1.制订本规范的目的：提高HTML文件质量，使其具有良好的文档结构，便于向后兼容和更好的跨平台能力。
2.页面制作人员必须严格遵守此规范。
3.本规范应用于2009年11月1日以后制作的项目中，不溯及以往。
4.本规范随时根据需要修订，请注意版本号的变化。
当前为1.0版。
1.2 XHTML规范1.页面顶部必须添加文档类型；2.所有的XHTML 元素必须被嵌套于<ht ml> 根元素中；3.所有标签、属性必须小写；4.属性不允许缩写；5.属性值必须用引号""括起来；6.用id属性来替代name属性。
注意：为了版本比较低的浏览器，应该同时使用name和id属性，并使它们两个的值相同的；7.所有标签必须被关闭，空标签也必须关闭；8.不要在注释内容中使“--”；9.图片必须有说明文字；10.代码必须正确缩进；二、文档类型2.1文档类型规范1.页面顶部必须添加文档类型；2.必须正确选择文档类型；2.2文档类型代码1.<!DOCTYPE ht m l PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""/TR/xht ml1/DT D/xht ml1-transitional.dtd">2.<!DOCTYPE html PUBLIC "-//W3C//DT D XHTML 1.0 Strict//EN""/TR/xht ml1/DT D/xht ml1-strict.dtd">3.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN""/TR/xht ml1/DT D/xht ml1-fram eset.dtd">2.3 说明1.XHTML 1.0 Strict - 严格型，标识要求达到以上XHTML相比于HTML的所有改动2.XHTML 1.0 Transitional - 过渡型，标识语法要求较宽松3.XHTML 1.0 Fram eset - 框架集定义4.XHTML 1.1 - 模块化的XHTML5.XHTML 2.0 - 完全模块化可定制化的XHTML三、head区3.1 head区规范1.网站编码统一为“utf-8”；2.必须有网站且网站标题统一为：栏目名称——网站名称；3.引用外部css文件时<link>标签必须关闭4.调用外部js文件时，调用代码放在<head></head>5.head区代码顺序：“编码”“标题”“<meta>区域”“引用外部样式区域”“调用外部js文件区域”。
XHTML介绍
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
XML与XHTML
XML与XHTML
1.XML
与HTML类似，XML也是标记语言，但与HTML固定标签不同，XML允许自定义、扩展标签。
XML具有以下两大用途。
（1）XML用作Internet中跨平台的数据表示语言。
XML强调数据的结构和含义，不关心数据的显示格式。
（2）XML用作元语言，可以定义其他语言。
例如，已成为W3C规范的XHTML和MathML就是用XML定义的。
2.XHTML
XHTML是符合XML规范的HTML。
目前常用的XHTML1.0有以下3种风格。
（1）XHTML1.0 Strict(严格型)：严格遵循XHTML规范。
（2）XHTML1.0 Transitional（过度型）：允许使用一些只用于旧浏览器的标签和属性。
（3）XHTML1.0 Frameset（框架型）：允许使用框架。
由于XHTML1.0等同于HTML4.01，因此常将术语“XHTML”等同于“HTML”。
正因如此，若非特殊说明，本书不严格区分XHTML和HTML这两个术语。
国开大学网页设计形考三答案
1.XHTML 指的是？选择一项：A. EXtensible HyperText Markup LanguageB. EXtra Hyperlinks and Text Markup LanguageC. EXtensible HyperText Marking LanguageD. EXtreme HyperText Markup Language2.在下面的 XHTML 中，哪个可以正确地标记段落？选择一项：A. <P></P>B. <p></p>C. </p><p>D. <P></p>3.在下面的 XHTML 中，哪个可以正确地标记折行？选择一项：A. <br />B. <br>C. <break/>4.下列 XHTML 中的属性和值，哪个是正确的？选择一项：A. width="80"B. WIDTH="80"C. WIDTH=80D. width=805.在 XHTML 文档中哪些元素是强制性的？选择一项：A. doctype、html、head、body 以及 titleB. doctype、html、head 以及 bodyC. doctype、html 以及 body6.下列哪些是格式良好的 XHTML ？选择一项：A. <p>A <b><i>short</i></b> paragraphB. <p>A <b><i>short</i></b> paragraph</p>C. <p>A <b><i>short</b></i> paragraph</p>7.在 XHTML 中有哪些不同的 DTD ？选择一项：A. Strict, Transitional, Loose, FramesetB. Strict, Transitional, LooseC. Strict, Transitional, Frameset8.网页的主体内容将写在什么标签内部：选择一项：A. <P>标签B. <HEAD>标签C. <body>标签D. <HTML>标签9.HTML代码中，<align=center>表示选择一项：A. 文本闪烁B. 文本加注下标线C. 文本或图片居中D. 文本加注上标线10.在HTML文档中使用有序列表应使用（）标记选择一项：A. <li>B. <dl>C. <ul>D. <ol>11.请判断以下说法是否正确：XHTML 是一个 Web 标准。
第三章html、xml与xhtml
第三章html、xml与xhtmlHTML：超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。
HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。
HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。
HTML标签通常是英文词汇的全称（如块引用:blockquote）或缩略语（如“p”代表Paragraph），但它们的与一般文本有区别，因为它们放在单书名号里。
故Paragragh 标签是<p>,块引用标签是<blockquote>。
有些标签说明页面如何被格式化（例如，开始一个新段落），其他则说明这些词如何显示(<b>使文字变粗)还有一些其他标签提供在页面上不显示的信息－－例如标题。
HTML标准的版本历史：超文本置标语言(第一版)——在1993年6月发为互联网工程工作小组 (IETF)工作草案发布（并非标准）.HTML 2.0——1995年11月作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时HTML 3.2——1996年1月14日，W3C推荐标准HTML 4.0——1997年12月18日，W3C推荐标准HTML 4.01（微小改进）——1999年12月24日，W3C推荐标准HTML 5——2007年HTML 5草案被W3C接纳，并成立了新的HTML工作团队。
08年1月22日第一份正式HTML 5草案发布。
XML：即可扩展标记语言，它与HTML一样，都是SGML(Standard Generalized Markup Language,标准通用标记语言)。
Xml是Internet环境中跨平台的，依赖于内容的技术，是当前处理结构化文档信息的有力工具。
扩展标记语言XML是一种简单的数据存储语言，使用一系列简单的标记描述数据，而这些标记可以用方便的方式建立，虽然XML占用的空间比二进制数据要占用更多的空间，但XML极其简单易于掌握和使用。
第3章 XHTML与Javascript基础
3.1.3
XHTML网页实例
下面是一个最基本的标准XHTML文档的实例——使用 XHTML基本的标签制作Байду номын сангаас个简单的文字网页。
3.2
XHTML的语法构成
XHTML必须符合XML格式，也就是<code></code>格 式，它的语法是由标签及其标签属性组成的。本节将分别讲 解标签和标签属性的使用方法。
3.2.1
XHTML中的标签
刚刚接触超文本XHTML时，遇到的最大的障碍就是一 些用“<”和“>”括起来的句子。这些句子被称为标签，是用 来分割和标记文本的元素，以形成文本的布局、文字的格式 及五彩缤纷的画面。XHTML的标签分为单标签、双标签，下 面分别进行介绍。 1．单标签 2．双标签 3．标签的作用
3.6
h1至h6标签
在XHTML编写过程中，定义标题可以使用从<h1>到 <h6>这几个标签，它们对应的终止标签分别为</h1>到 </h6>。 <h1>到<h6>随着字号顺序减小，代表内容的重要性也 逐渐降低。通常浏览器将在标题的上面和下面自动各空出一 行距离，代码如下。 <h1>这里是H1标题</h1> <h2>这里是H2标题</h2> <h3>这里是H3标题</h3> <h4>这里是H4标题</h4> <h5>这里是H5标题</h5> <h6>这里是H6标题</h6>
3.4
div标签
在进行符合Web标准的网页设计时，使用到的XHTML 的一个重要标签就是div。下面对这一个标签进行详细讲解。
青麦丨XHTML简介
青麦： 青麦丨HTML - XHTMLXHTML 是以XML 格式编写的HTML。
什么是 XHTML?∙XHTML 指的是可扩展超文本标记语言∙XHTML 与 HTML 4.01 几乎是相同的∙XHTML 是更严格更纯净的 HTML 版本∙XHTML 是以 XML 应用的方式定义的 HTML∙XHTML 是2001 年 1 月发布的 W3C 推荐标准∙XHTML 得到所有主流浏览器的支持为什么使用 XHTML?因特网上的很多页面包含了"糟糕"的HTML。
如果在浏览器中查看，下面的HTML 代码运行起来非常正常（即使它并未遵守HTML 规则）：<html><head><meta charset="utf-8"><title>这是一个不规范的 HTML</title><bo dy><h1>不规范的 HTML <p>这是一个段落</body>XML 是一种必须正确标记且格式良好的标记语言。
如果希望学习XML，请阅读我们的 XML 教程。
今日的科技界存在一些不同的浏览器技术。
其中一些在计算机上运行，而另一些可能在移动电话或其他小型设备上运行。
小型设备往往缺乏解释"糟糕"的标记语言的资源和能力。
所以- 通过结合XML 和HTML 的长处，开发出了XHTML。
XHTML 是作为XML 被重新设计的青麦： HTML。
与 HTML 相比最重要的区别：文档结构∙XHTML DOCTYPE 是强制性的∙<html>中的 XML namespace 属性是强制性的∙<html>、<head>、<title>以及<body>也是强制性的元素语法∙XHTML 元素必须正确嵌套∙XHTML 元素必须始终关闭∙XHTML 元素必须小写∙XHTML 文档必须有一个根元素属性语法∙XHTML 属性必须使用小写∙XHTML 属性值必须用引号包围∙XHTML 属性最小化也是禁止的<!DOCTYPE ....>是强制性的XHTML 文档必须进行XHTML 文档类型声明（XHTML DOCTYPE declaration）。
XHTML简介
XHTML简介⼀、XHTML 简介XHTML 指可扩展超⽂本标签语⾔（EXtensible HyperText Markup Language）。
XHTML 的⽬标是取代 HTML。
XHTML 与 HTML 4.01 ⼏乎是相同的。
XHTML 是更严格更纯净的 HTML 版本。
XHTML 是作为⼀种 XML 应⽤被重新定义的 HTML。
XHTML 是⼀个 W3C 标准。
XHTML 是 HTML 与 XML（扩展标记语⾔）的结合物，包含了所有与 XML 语法结合的 HTML 4.01 元素。
通过把 HTML 和 XML 各⾃的长处加以结合，我们得到了在现在和未来都能派上⽤场的标记语⾔ - XHTML。
⼆、XHTML v HTML注意XHTML 元素必须被正确地嵌套。
XHTML 元素必须被关闭。
标签名必须⽤⼩写字母。
XHTML ⽂档必须拥有根元素。
XHTML 元素必须被正确嵌套某些元素可以不正确地被嵌套，如下：<b><i>This text is bold and italic</b></i>正确的嵌套如下：<b><i>This text is bold and italic</i></b>XHTML 元素必须被关闭（空标签也必须被关闭）这是错误的：<p>This is a paragraph<p>This is another paragraph这是正确的：<p>This is a paragraph</p><p>This is another paragraph</p>空标签的关闭，如：<br /><hr /><img src="happy.gif" alt="Happy face" />元素必须⼩写：如下是错误的：<BODY><P>This is a paragraph</P></BODY>正确的如下：<body><p>This is a paragraph</p></body>XHTML ⽂档必须拥有⼀个根元素所有的 XHTML 元素必须被嵌套于 <html> 根元素中。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
前言：（废话）现在都讲究标准建站，而标准建站使用的技术主要是XHTML+CSS，而现在我们普遍使用的是HTML代码，那么我该如何转换呢？以及HTML和XHTML有什么不同呢？在这个教程里，你将学到HTML和XHTML之间的不同，以及如何将HTML转换为XHTML。
毕竟XHTML是发展的方向，所以我觉得该教程有必要在本站上发布。
我感觉要是你想使用标准还是最好先学HTML，因为比较简单，然后再来看该教程。
XHTML介绍：XHTML是 EXtensible HyperText Markup Language(可扩展超文本标记语言) 的英文缩写，而HTML则是 HyperText Markup Language(超文本标记语言) ，这是名字的不同。
其实我们说得标准应该是XML，那为什么要学习XHTML呢？因为现在的HTML代码烦琐，危机四伏，但是XML使用环境还不成熟，所以推出了一个过度的产品就是XHTML，它起着呈上起下的作用。
也有人认为XHTML是HTML 的一个升级版本，其实也是正确的，我的理解是XHTML把HTML做得更加规范的一个标记语言，使HTML变得功能强大，减少了代码的烦琐尤其是表格。
XHTML是在2000年1月26日被国际标准组织机构W3C(World Wide web Consortium)定为一个标准的，认为是HTML的一个最新版本，并且将逐渐替换HTML。
现在所有的浏览器都支持XHTML，XHTML兼容 HTML 4.0。
也有人认为XHTML 就是HTML4.01。
如果你在学习过程中自己编写了一个符合标准的站，你可以通过W3C的验证，验证通过后你将会得到一个标志，通常是XHTML1.0认证和CSS 验证。
我也不清楚目前国内有多少个网站同时通过了这两个验证。
大家可以去/这个站点去验证你的站，如果符合那两个规则则会分别给我们两段代码加到你的网页上向别人展示说明你采用了标准建站啊，牛啊！为什么我们使用XHTMLXHTML是HTML升级为XML的过度产品，被定为一个标准，XHTML完全兼容HTML4.01，并且具有XML的语法。
下面我们来看一个含有错误代码的HTML，如下：<html><head><title>This is bad HTML</title><body><h1>Bad HTML</body>虽然含有错误代码，但是当我们在浏览器中浏览时还能正常显示。
XML是一个标记语言，但是它要求在网页中出现的任何元素都应该被标记出来，XML是用来描述网页中的数据的，而HTML用来显示网页中的元素的。
目前我们上网使用的各种浏览器技术，包括手提电脑、手机上网浏览等等，都要求浏览的一些内容都要被正确标记，如果有错误的标记可能会使显示特别混乱、甚至不能正常显示。
因此联合 HTML 和XML , 还有其他的一些技术，我们得到了一种现在有用的而且在将来也有用的语言 - XHTML。
当在将来都规范的时候我们就要用的 XHTML 正确格式的标记了,使所有的浏览器都能正确的执行，所以我们现在有必要开始学习XHTML了。
XHTML和HTML之间的区别：XHTML是一项新技术，在浏览器和一些其他的软件都支持它之前，我们应该有必要熟悉一下这项技术。
为了我们更好的学习XHTML之前我们应该熟悉一下HTML4.0，我们可以去下载一个参考手册来熟悉一下。
以便于我们学起XHTML来更简单，换句话说我们现在使用HTML编写代码时应该尽力少写错误代码，如：都要使用小写的字符来编写HTML，每个标记之后都要加上标记的结束如：<p>网页教学网欢迎您的光临</p> 结束一定要有，我们要保持这种规则。
它们之间最大的区别在于：1.XHTML 元素一定要被正确的嵌套使用。
在HTML里一些元素可以不正确嵌套也能正常显示，如：<b><i>This text is bold and italic</b></i>而在XHTML必须要正确嵌套之后才能正常使用，如：<b><i>This text is bold and italic</i></b>注意：这个错误通常发生在当嵌套多层之后的标签里面。
如：<ul><li>Coffee</li><li>Tea<ul><li>Black tea</li><li>Green tea</li></ul><li>Milk</li></ul>正确的应该是：<ul><li>Coffee</li><li>Tea<ul><li>Black tea</li><li>Green tea</li></ul></li><li>Milk</li></ul>观察上述的两段代码我们可以看到正确的里面我们在 </ul>之后插入 </li> 标签。
XHTML 文件一定要有正确的组织格式。
所有的XHTML应该正确的被嵌套在以<html>开始以</html>结束的元素里面，其他的元素可以有子元素，并且子元素也要被正确的嵌套在他们的父元素内。
如：<html><head> ... </head><body> ... </body></html>标签名字一定要用小写字母。
因为 XHTML文档是XML应用程序， XML 对大小写是敏感的。
象 <br> 和 <BR> 是两个不同的标记。
如错误代码：<BODY><P>This is a paragraph</P></BODY>< /p> 正确格式为：<body><p>This is a paragraph</p></body>所有的 XHTML 元素一定要关闭不能有没有关闭的空的元素存在我们的代码中，其实对于这点我们是比较好结束的，有开始就应该有结束吗？例如错误代码：<p>This is a paragraph<p>This is another paragraph正确的为：<p>This is a paragraph</p><p>This is another paragraph</p>独立的一个标签我们也要结束用 />来结束。
例如：错误代码This is a break<br>Here comes a horizontal rule:<hr>Here's an image <img src="happy.gif" alt="Happy face">正确代码：This is a break<br />Here comes a horizontal rule:<hr />Here's an image <img src="happy.gif" alt="Happy face" />通过上面的几个例子我们基本上看出了HTML和XHTML之间的不同，那么我们应该从现在起应该试着改变我们现在的HTML，例如都使用小写的标记、在标记之后加上结束标记的符号 />。
XHTML 的语法简单的说写 XHTML 要用干净的 HTML 语法。
XHTML的一些其他语法要求：属性名字必须小写。
如：错误代码：<table WIDTH="100%">正确的代码：<table width="100%">属性值必须要被引用。
如：错误的代码：<table width=100%>正确的代码：<table width="100%">属性的缩写被禁止。
如：错误的代码：<dl compact><input checked><input readonly><input disabled><option selected><frame noresize>正确的代码：<dl compact="compact"><input checked="checked" /><input readonly="readonly" /><input disabled="disabled" /><option selected="selected" /><frame noresize="noresize" />列出一个表让大家知道：HTML XHTMLcompact compact="compact"checked checked="checked"declare declare="declare"readonly readonly="readonly"disabled disabled="disabled"selected selected="selected"defer defer="defer"ismap ismap="ismap"nohref nohref="nohref"noshade noshade="noshade"nowrap nowrap="nowrap"multiple multiple="multiple"noresize noresize="noresize"用id属性代替name属性。