用代码来学习XHTML与HTML之间的差异_html

通过开始编写严格的html，你可以为XHTML做好准备。

如何为XHTML做好准备

XHTML与HTML 4.01标准没有太多的不同。

所以将你的代码升级至4.01是个不错的开始。HTML 4.01参考手册会帮助你做到这一点。

另外，你应该马上就用小写字母编写HTML代码，同时绝不要养成忽略类似</p>标签的坏习惯。

祝您可以愉快地编码！

最主要的不同：

XHTML元素必须被正确地嵌套。
XHTML元素必须被关闭。
标签名必须用小写字母。
XHTML文档必须拥有根元素。

元素必须被正确地嵌套

在HTML中，某些元素可以像这样彼此不正确地嵌套：

<b><i>This text is bold and italic</b></i>

在XHTML中，所有的元素必须像这样彼此正确地嵌套：

<b><i>This text is bold and italic</i></b>

提示：在嵌套列表中一个容易犯的错误，是忘记内部列表必须位于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元素必须被关闭

非空标签必须使用结束标签。

这是错误的：

<p>This is a paragraph<p>This is another paragraph

这是正确的：

<p>This is a paragraph</p><p>This is another paragraph</p>

空标签也必须被关闭

空标签也必须使用结束标签，或者其开始标签必须使用/>结尾。

这是错误的：

A break: <br>A horizontal rule: <hr>An image: <img src="http://www.webjx.com/htmldata/2007-06-19/happy.gif" alt="Happy face">

这是正确的：

A break: <br />A horizontal rule: <hr />An image: <img src="http://www.webjx.com/htmldata/2007-06-19/happy.gif" title="用代码来学习XHTML与HTML之间的差异_html" alt="Happy face" />

XHTML元素必须小写

XHTML规范定义：标签名和属性对大小写敏感。

这是错误的：

<BODY><P>This is a paragraph</P></BODY>

这是正确的：

<body><p>This is a paragraph</p></body>

XHTML文档必须拥有一个根元素

所有的XHTML元素必须被嵌套于<html>根元素中。其余所有的元素均可有子元素。子元素必须是成对的且被嵌套于其父元素之中。基本的文档结构如下：

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

欢迎大家阅读《用代码来学习XHTML与HTML之间的差异_html》,跪求各位点评,若觉得好的话请收藏本文，by 搞代码

搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]‍，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：用代码来学习XHTML与HTML之间的差异_html