XHTML 快速入门 学习手册

XHTML简介XHTML是更严格更纯净的HTML代码。XHTML是什么？XHTML指可扩展超文本标签语言（EXtensibleHyperTextMarkupLanguage）。XHTML的目标是取代HTML。XHTML与HTML4.01几乎是相同的。XHTML是更严格更纯净的HTML版本。XHTML是作为一种XML应用被重新定义的HTML。XHTML是一个W3C标准。之前应该掌握的知识在继续学习本教程之前，你应该对下列知识有一个基本的理解：HTML基本的网站建设知识。如果希望首先学习HTML，请阅读我们的HTML教程。XHTML是一个W3C标准XHTML于2000年的1月26日成为W3C标准。W3C将XHTML定义为最新的HTML版本。XHTML将逐渐取代HTML。通过使用我们的W3C教程，你将与最新的web标准保持同步。所有新的浏览器都支持XHTMLXHTML与HTML4.01兼容。所有新的浏览器都支持XHTML。我们使用XHTML构建了W3SchoolXHTML是以XML重构的HTML4.01。通过遵循一些简单的指导方针，XHTML就可以立即在现有的浏览器中投入使用。我们百分之百地使用XHTML来构建了W3School。点击这个按钮：验证此页的XHTML部分。点击这个按钮：验证此页的CSS部分。关于本教程下面的章节将讲解：为什么应该使用XHTML？XHTML的语法如何将站点转换为XHTMLXHTML验证XHTML模块化为什么要使用XHTML？XHTML是HTML与XML（扩展标记语言）的结合物。XHTML包含了所有与XML语法结合的HTML4.01元素。为什么要使用XHTML？我们认为万维网上的许多页面都包含着糟糕的HTML代码。下面的HTML代码仍然可以工作得很好，即使它没有遵守HTML规则：htmlheadtitleThisisbadHTML/titlebodyh1BadHTML/bodyXML是一种标记化语言，其中所有的东西都要被正确的标记，以产生形式良好的文档。XML用来描述数据，而HTML则用来显示数据。今天的市场中存在着不同的浏览器技术，某些浏览器运行在计算机中，某些浏览器则运行在移动电话和手持设备上。而后者没有能力和手段来解释糟糕的标记语言。因此，通过把HTML和XML各自的长处加以结合，我们得到了在现在和未来都能派上用场的标记语言-XHTML。XHTML可以被所有的支持XML的设备读取，同时在其余的浏览器升级至支持XML之前，XHTML使我们有能力编写出拥有良好结构的文档，这些文档可以很好地工作于所有的浏览器，并且可以向后兼容。XHTML与HTML之间的差异如何为XHTML做好准备XHTML与HTML4.01标准没有太多的不同。所以将你的代码升级至4.01是个不错的开始。我们的完整的《HTML4.01参考手册》会帮助你做到这一点。另外，你应该马上使用小写字母编写HTML代码，同时绝不要养成忽略类似/p标签的坏习惯。祝您可以愉快地编码！最主要的不同：XHTML元素必须被正确地嵌套。XHTML元素必须被关闭。标签名必须用小写字母。XHTML文档必须拥有根元素。元素必须被正确地嵌套在HTML中，某些元素可以像这样彼此不正确地嵌套：biThistextisboldanditalic/b/i在XHTML中，所有的元素必须像这样彼此正确地嵌套：biThistextisboldanditalic/i/b提示：在嵌套列表中一个容易犯的错误，是忘记内部列表必须位于li元素中，就像下面这样：这是错误的：ulliCoffee/liliTeaulliBlacktea/liliGreentea/li/ulliMilk/li/ul这是正确的：ulliCoffee/liliTeaulliBlacktea/liliGreentea/li/ul/liliMilk/li/ul注意：在正确代码的例子中，我们在/ul之后插入了一个/li标签。XHTML元素必须被关闭非空标签必须使用结束标签。这是错误的：pThisisaparagraphpThisisanotherparagraph这是正确的：pThisisaparagraph/ppThisisanotherparagraph/p空标签也必须被关闭空标签也必须使用结束标签，或者其开始标签必须使用/结尾。这是错误的：Abreak:brAhorizontalrule:hrAnimage:imgsrc=happy.gifalt=Happyface这是正确的：Abreak:br/Ahorizontalrule:hr/Animage:imgsrc=happy.gifalt=Happyface/XHTML元素必须小写XHTML规范定义：标签名和属性对大小写敏感。这是错误的：BODYPThisisaparagraph/P/BODY这是正确的：bodypThisisaparagraph/p/bodyXHTML文档必须拥有一个根元素所有的XHTML元素必须被嵌套于html根元素中。其余所有的元素均可有子元素。子元素必须是成对的且被嵌套在其父元素之中。基本的文档结构如下：htmlhead.../headbody.../body/htmlXHTML语法编写XHTML代码需要纯净的HTML语法。更多的XHTML语法规则：属性名称必须小写属性值必须加引号属性不能简写用Id属性代替name属性XHTMLDTD定义了强制使用的HTML元素属性名称必须小写这是错误的：tableWIDTH=100%这是正确的：tablewidth=100%属性值必须加引号这是错误的：tablewidth=100%这是正确的：tablewidth=100%属性不能简写这是错误的：inputcheckedinputreadonlyinputdisabledoptionselectedframenoresize这是正确的：inputchecked=checked/inputreadonly=readonly/inputdisabled=disabled/optionselected=selected/framenoresize=noresize/下面是一个HTML的简写属性列表，以及在XHTML中的改写：HTMLXHTMLcompactcompact=compactcheckedchecked=checkeddeclaredeclare=declarereadonlyreadonly=readonlydisableddisabled=disabledselectedselected=selecteddeferdefer=deferismapismap=ismapnohrefnohref=nohrefnoshadenoshade=noshadenowrapnowrap=nowrapmultiplemultiple=multiplenoresizenoresize=noresize用id属性代替name属性HTML4.01针对下列元素定义name属性：a,applet,frame,iframe,img,和map。在XHTML中不鼓励使用name属性，应该使用id取而代之。这是错误的：imgsrc=picture.gifname=picture1/这是正确的：imgsrc=picture.gifid=picture1/重要的兼容性提示：你应该在/符号前添加一个额外的空格，以使你的XHTML与当今的浏览器相兼容。语言属性（lang）lang属性应用于几乎所有的XHTML元素。它定义元素内部的内容的所用语言的类型。如果在某元素中使用lang属性，就必须添加额外的xml:lang，像这样：divlang=noxml:lang=noHeiaNorge!/div强制使用的XHTML元素所有XHTML文档必须进行文件类型声明（DOCTYPEdeclaration）。在XHTML文档中必须存在html、head、body元素，而title元素必须位于在head元素中。下面是一个最小化的XHTML文件模板：!DOCTYPEDoctypegoesherehtmlxmlns=提示：文件类型声明并非XHTML文档自身的组成部分。它并不是XHTML元素，也没有关闭标签。提示：在XHTML中，html标签内的xmlns属性是必需的。然而，即使当XHTML文档中没有这个属性时，w3.org的验证工具也不会提示错误。这是因为，xmlns=是一个固定的值，即使你没有把它包含在代码中，这个值也会被添加到html标签中。你会在下一章学习更多关于XHTML文档类型声明的知识。XHTMLDTDXHTML定义了三种文件类型声明。使用最普遍的是XHTMLTransitional。!DOCTYPE是强制使用的。一个XHTML文档有三个主要的部分：DOCTYPEHeadBody基本的文档结构是这样的：!DOCTYPE...htmlheadtitle.../title/headbody.../body/html在XHTML文档中，文档类型声明总是位于首行。一个XHTML的实例这个一个简单的（最小化的）XHTML文档：!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Strict//EN文档类型声明定义文档的类型：!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Strict//EN文档的其余部分类似HTML：htmlheadtitlesimpledocument/title/headbodypasimpleparagraph/p/body/html3种文档类型声明DTD规定了使用通用标记语言(SGML)的网页的语法。诸如HTML这样的通用标记语言应该使用DTD来规定应用于某种特定文档中的标签的规则，这些规则包括一系列的元素和实体的声明。在通用标记语言(SGML)的文档类型声明或DTD中，XHTML被详细地进行了描述。XHTMLDTD使用精确的可被计算机读取的语言来描述合法的XHTML标记的语法和句法。存在三种XHTML文档类型：STRICT（严格类型）TRANSITIONAL（过渡类型）FRAMESET（框架类型）XHTML1.0的三种XML文档类型XHTML1.0规定了三种XML文档类型，以对应上述三种DTD。XHTML1.0Strict!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Strict//EN在此情况下使用：需要干净的标记，避免表现上的混乱。请与层叠样式表配合使用。XHTML1.0T