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

您现在的位置：圆点视线 >> 教程 >> 网页设计 >> 网页制作技巧 >> 文章正文

[推荐]用代码来学习XHTML与HTML之间的差异

★★★

作者：hairan 　文章来源：webjx.com 　点击数：　更新时间：2007-7-12 11:05:59　

【字体：小大】

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

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

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

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

祝您可以愉快地编码！

在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>标签。

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

这是错误的：

<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="happy.gif" alt="Happy face">

这是正确的：

A break: <br />
A horizontal rule: <hr />
An image: <img src="happy.gif" alt="Happy face" />

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

这是错误的：

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

这是正确的：

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

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

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

　【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】　文章录入：hairan 责任编辑：hairan 　【字体：小大】

最新文章

网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）

发表评论：

姓　　名：		评分： 1分 2分 3分 4分 5分
评论内容：		·严禁发表危害国家安全、政治、黄色淫秽等内容的评论。 ·用户需对自己在使用本网服务过程中的行为承担法律责任 ·本站管理员有权保留或删除评论内容。 ·评论内容只代表机友个人观点，与本网站立场无关。

百度主题推广