2007-07-08

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

来源: 本站收集整理 作者:佚名 评论 0 条
 

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

如何为XHTML做好预备

XHTML与HTML 4.01标准没有太多的不同。内容来自中国站长资讯网(www.chinahtml.com)

所以将你的代码升级至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="happy.gif" alt="Happy face">

这是正确的:

A break: <br />

A horizontal rule: <hr />

An image: <img src="happy.gif" alt="Happy face" />

XHTML元素必须小写

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

这是错误的:

<BODY>

<P>This is a paragraph</P>

</BODY>

这是正确的:

<body>

<p>This is a paragraph</p>

</body>


共2页: 上一页 1 [2] 下一页
(本文仅表明作者个人观点,不代表本站及其管理员立场.) 推荐 收藏 投稿 打印 返回 关闭
上一篇:Ajax Tags标记初探  
下一篇:使用AJAX的十大理由
    评论加载中…
 推荐文章
     

网站首页  -  网站地图 -   站长论坛  -  网站投稿  -    -  网站管理
Copyright © 2008 芜湖站长站 All Rights Reserved 皖ICP备07500611号