精彩专题推荐:建站之入门课 建站之必修课 建站之关键课 网站价值所在 流量提高专题 css+div 标准 个人网站打造全过程
返回建站学首页
导航:
建站首页 | 网站设计 | 网站开发 | 网站运营 | 网页软件 | 建站指南 | 搜索优化 | 图像处理 | 视频教程 | 书籍教程 | 建站专题
当前位置:首页>网站设计>html/xhtml教程>正文

XHTML教程


来源:本站收集 时间:07-03-17 点击: 点击这里收藏本文

  所有的 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" />

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

9 7 3 1 2 3 4 4 8 :

  把此文章收藏到:          
广而告之
文章搜索
  • Google JZxue.Com

关于我们 | 联系我们 | 友情链接 | 网站地图
Copyright © 2005 - 2006 建站学 All rights reserved.