首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

XHTML跟HTML区别

2012-11-23 
XHTML和HTML区别XHTML和HTML区别 1. XHTML文件的开始要声明DTD. XHTML 1.0 Transitional//EN http://www.

XHTML和HTML区别

XHTML和HTML区别

1. XHTML文件的开始要声明DTD.

XHTML 1.0 Transitional//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd

2.XHTML 元素一定要被正确的嵌套使用。
  在HTML里一些元素可以不正确嵌套也能正常显示,如:
  <b><i>This text is bold and italic</b></i>
  而在XHTML必须要正确嵌套之后才能正常使用,如:
  <b><i>This text is bold and italic</i></b>

3.所有的标签和标签的属性都必须小写,属性值可以大写。
如错误代码:
  <BODY>
  <P>This is a paragraph</P>
  </BODY>
  正确格式为:
  <body>
  <p>This is a paragraph</p>
  </body>

4.属性值必须用引号括起来。单引号双引号均可。
错误的代码:
  <table width=100%>
  正确的代码:
  <table width="100%">
5.所有的标签都必须被关闭,空标签也不例外。关闭空标签的方法如下:
HTML中的<br>要写成<br/>。注意,后面加了一个空格”“和一个反斜杠”/“。
6.如果你使用的是strict.dtd。也就是最严格的XHTML,那么许多定义外观的属性都将不被允许。
例如你为图片添加链接的同时想去掉边框。不可以再使用<img src="..."border="0">,而是必须通过CSS来实现。
我们推荐您在使用strict.dtd时,舍弃所有的定义外观属性,而完全使用CSS来定义页面外观
7 属性的缩写被禁止。如:
  错误的代码:
  <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"

8, 用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" />
  为了适应新的浏览器浏览我们在上述代码中的最后我加了/来结束标签。

热点排行