精彩专题推荐:建站之入门课 建站之必修课 建站之关键课 网站价值所在 流量提高专题 css+div 标准 个人网站打造全过程
返回建站学首页
导航:
建站首页 | 网站设计 | 网站开发 | 网站运营 | 网页软件 | 建站指南 | 搜索优化 | 图像处理 | 视频教程 | 书籍教程 | 建站专题
当前位置:首页>网站设计>html/xhtml教程>正文

用实例代码研究XHTML与HTML之间的差异


来源:建站学 时间:07-06-19 点击: 点击这里收藏本文

通过开始编写严格的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="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>

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

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

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

  把此文章收藏到:          
广而告之
文章搜索
  • Google JZxue.Com

关于我们 | 联系我们 | 友情链接 | 网站地图
Copyright © 2005 - 2006 建站学 All rights reserved.