您现在的位置: 网页制作教程网 >> 网页制作 >> html教程 >> 正文

XHTML教程:针对初学者的XHTML基础

作者:闪电儿

来源:网页教学网

热度:

2008-1-23 13:01:46

  <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          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="picture.gif" name="picture1" />

  正确的代码:

  <img src="picture.gif" id="picture1" />

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

  <img src="picture.gif" id="picture1" name="picture1" />


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

XHTML DTD定义文档的类型。

上一页  [1] [2] [3] [4] [5] 下一页


我来说两句:

1分 2分 3分 4分 5分
姓名: *


* 请各位网友遵纪守法并注意语言文明。
网站简介 | 联系方式 | 意见建议 | 版权说明
Copyright © 2007 All rights reserved
滇ICP备06006992号