XHTML 简要示例

xhtml|示例

  现在都讲究标准建站,而标准建站使用的技术主要是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验证。我也不清楚目前国内有多少个网站同时通过了这两个验证。大家可以去http://www.w3.org/ 这个站点去验证你的站,如果符合那两个规则则会分别给我们两段代码加到你的网页上向别人展示说明你采用了标准建站啊,牛啊!

  为什么我们使用XHTML

  XHTML是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>

  正确格式为:

  <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="http://www.webjx.com/htmldata/2005-09-03/happy.gif" alt="Happy face">

  正确代码:

  This is a break<br />

  Here comes a horizontal rule:<hr />

  Here's an image <img src="http://www.webjx.com/htmldata/2005-09-03/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          XHTML

  compact       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属性。如:

  HTML 4.01 中为a,applet, frame, iframe, img 和 map定义了一个name属性.在 XHTML 里name属性是不能被使用的,应该用id 来替换它。如:

  错误代码:

  <img src="http://www.webjx.com/htmldata/2005-09-03/picture.gif" name="picture1" />

  正确的代码:

  <img src="http://www.webjx.com/htmldata/2005-09-03/picture.gif" id="picture1" />

  注意:我们为了使旧浏览器也能正常的执行该内容我们也可以在标签中同时使用id和name属性。如:

  <img src="http://www.webjx.com/htmldata/2005-09-03/picture.gif" id="picture1" name="picture1" />

  为了适应新的浏览器浏览我们在上述代码中的最后我加了/来结束标签。

时间: 2024-09-19 10:01:56

XHTML 简要示例的相关文章

SQL Story(十一)--树状表游戏

树状结构的存储与管理,是每一个在关系型数据库平台上工作的程序员早晚都要遇到的问题.说大不大,怎么都能解决,说小不小,处理不好,有的是麻烦等着你.仁者见仁,智者见智,公说公有理,婆说婆有理(谁用机箱砸我?机箱是个好东西,乱丢会摔坏硬盘的,你看我话没说完你又把显示器丢了--),咳咳,好吧,闲话少说,我们从最大路的处理风格谈一谈吧.这里面的大部分内容并非我的独创,从很久很久以前,数据库程序员们就这样做啦. 树状表的结构化表达     在一切开始前,我们先就树状表的表示方式达成一个共识.在关系型数据库中

使用ZK框架的富Internet应用程序:一个开源Ajax框架

ZK 是一个用 Java 代码编写的开源 Asynchronous JavaScript + XML (Ajax) 框架,使用该框架,您无需编写 JavaScript 代码就可以编写一个 支持 Web 2.0 的富 Internet 应用程序.Dojo 等典型的 Ajax 框架拥有一些 JavaScript 库,用于公开某些 API 以进行 "Ajax 化" 调用.另 一方面,ZK 使用一个基于 XML 的元定义(meta-definition)来定义用户界面 .当客户机请求这个页面时

PowerPoint2007通过大纲插入新幻灯片

PowerPoint2007通过大纲插入新幻灯片 所有Microsoft office 应用程序均可很好地协同工作, 因此可以轻松在其间移动内容.例如,可以在Microsoft word 中为演示文稿创建大纲,然后将其导入PowerPoint o PowerPoint 使用您在Word 中指派的标题样式来决定哪些项是幻灯片的标题和哪些项是幻灯片的内容.顶级标题(标题I)构成幻灯片标题. 要自己动手尝试,可打开Word ,切换到"大纲"视图(从"视图"选项卡),然后键

PowerPoint2007通过大纲插入新幻灯片方法

PowerPoint2007通过大纲插入新幻灯片方法   PowerPoint2007 要自己动手尝试,可打开Word ,切换到"大纲"视图(从"视图"选项卡),然后键入演示文稿的一份简短大纲.按Tab 键降级或按Sh的+ Tab 键升级选定行.然后保存工作,返回到PowerPoint ,按照以下步骤导入: (1)在"开始"选项卡中,单击"新建幻灯片"按钮的下部打开其菜单. (2) 单击"幻灯片(从大纲)"

数据处理平台架构中的SMACK组合:Spark、Mesos、Akka、Cassandra以及Kafka

在今天的文章中,我们将着重探讨如何利用SMACK(即Spark.Mesos.Akka.Cassandra以及Kafka)堆栈构建可扩展数据处理平台.虽然这套堆栈仅由数个简单部分组成,但其能够实现大量不同系统设计.除了纯粹的批量或者流处理机制之外,我们亦可借此实现复杂的Lambda以及Kappa架构. 在本文开始阐述之前,让我们首先立足于已有生产项目经验从设计与示例入手进行说明. 综述 • Spark - 一套高速通用型引擎,用于实现分布式大规模数据处理任务. • Mesos - 集群资源管理系统

Android性能系列-电量篇

电量篇 1) Understanding Battery Drain 手机各个硬件模块的耗电量是不一样的,有些模块非常耗电,而有些模块则相对显得耗电量小很多. 电量消耗的计算与统计是一件麻烦而且矛盾的事情,记录电量消耗本身也是一个费电量的事情.唯一可行的方案是使用第三方监测电量的设备,这样才能够获取到真实的电量消耗. 当设备处于待机状态时消耗的电量是极少的,以N5为例,打开飞行模式,可以待机接近1个月.可是点亮屏幕,硬件各个模块就需要开始工作,这会需要消耗很多电量. 使用WakeLock或者Jo

2018年AI 8大趋势:人工智能将助力Google、Facebook等大公司稳赢?

计算分析大数据远远没有过时.反而,随着数据量不断增大,数据分析的水平也逐渐提高.我们看到的预测分析(Predictive Analytics)的应用,仅仅只是冰山一角.很多公司采用数据挖掘,机器学习和人工智能的方法预测销售额,从而达到优化市场营销的目的.这些做法对公司的发展有很大的帮助,不同类型的人工智能结合在一起,深刻地改变着我们日常生活的方方面面.未来,我们还将看到更多的改变. 以下是来自人工智能,大数据,预测分析和机器学习领域的关键统计数据: 到2018年,75%的开发者会在1个及以上商业

《数字图像处理与机器视觉——Visual C++与Matlab实现》——1.1 Matlab操作简介

1.1 Matlab操作简介 数字图像处理与机器视觉--Visual C++与Matlab实现本节将介绍一些Matlab中与图像处理密切相关的数据结构及基本操作,如基本文件操作.变量使用.程序流程控制.打开和关闭图像以及图像格式转换和存储方式等.这些都是后续学习图像处理算法的基础. 1.1.1 Matlab软件环境1.软件界面如图1.1所示是运行于32-bit Windows操作系统上的Matlab R2008a截图.软件主界面由3个子窗口组成,左上为当前工作目录的文件列表(可以通过上方的Cur

MySQL 复制简要描述及示例

    主从复制技术在MySQL中被广泛使用,主要用于同步一台服务器上的数据至多台从服务器,可以用于实现负载均衡,高可用和故障切换,以及提供备份等等.MySQL支持多种不同的复制技术,诸如单向,半同步异步复制等以及不同级别的复制,诸如数据库级别,表级,跨库同步等等.本文简要描述了一个基本的主从复制并给出示例.   1.复制的基本原理(步骤)    a.在主库上把数据更改记录的二进制日志(binary log)    b.从库上的I/O线程连接到主库并请求发送其二进制日志文件(主库上的binlog