XHTML与HTML的区别-悠悠博客

XHTML与HTML的区别

2007-8-10 6:44:50 发布:Y0uYoU

怎样为XHTML做好准备
XHTML与HTML的区别并不是很大，因此熟悉HTML4.01标准代码对学习XHTML来讲非常有意义。W3S提供的HTML 4.01 参考可以帮助你熟悉它们

补充一下，你现在就应该开始习惯使用小写标签书写HTML代码，还有千万别漏掉结束标签。

--------------------------------------------------------------------------------

最主要的区别：
XHTML元素必须合理嵌套
XHTML文档形式上必须符合规范
标签必须使用小写
所有的XHTML元素都必须有始有终

--------------------------------------------------------------------------------

元素必须合理嵌套
在HTML中一些元素可以不使用正确的相互嵌套：

This text is bold and italic在XHTML中所有元素必须合理的相互嵌套：

This text is bold and italic注:在列表嵌套的时候经常会犯一个错误，就是忘记了在列表中插入一新列表必须嵌在<li>标记中：

<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元素必须被嵌在<html> 根元素之中。所有其它的元素可以有自己的子元素。位于父元素之内的子元素必须成对出现且使用正确的嵌套。文档的基本构架为：

<html>
<head> ... </head>
<body> ... </body>
</html>

--------------------------------------------------------------------------------

标签必须使用小写
因为XHTML文档是XML应用产物，XML是区分大小写的，所以 和 会被认为是两种不同的标签。

这就是错误的：

<BODY>
This is a paragraph
</BODY>这才是正确的：

<body>
This is a paragraph

</body>

--------------------------------------------------------------------------------

所有的XHTML元素都必须有始有终
非空元素必须得有结束标签

这是错误的写法：

This is a paragraph
This is another paragraph这是正确的：

This is a paragraph
This is another paragraph

--------------------------------------------------------------------------------

空标签也得关闭
空标签同样也得关闭，可以是在开始标签后加上/>

这是错误的写法：

This is a break 

Here comes a horizontal rule:<hr>
Here''s an image <img src="http://www.ajaxstu.com/Files/File/2007-11/24/K9DIEF6F913DD4520D.gif"" alt="Happy face">正确的是这样：

This is a break 

Here comes a horizontal rule:<hr />Here''s an image <img src="http://www.ajaxstu.com/Files/File/2007-11/24/K9DIEF6F913DD4520D.gif"" alt="Happy face" />

注意:为了使你的XHTML能够兼容目前的浏览器，你必须在/符号之加上一空格,如:

原创文章如转载，请注明：转载自悠悠博客 [ http://www.ajaxstu.com/ ]

本文链接地址：http://www.ajaxstu.com/archives/694_H8.html

Tags: html 分类: xhtml教程评论:0 引用:0 浏览:

点击这里获取该日志的TrackBack引用地址