zoukankan      html  css  js  c++  java
  • XHTML 与 HTML 之间的差异

    如何为 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>
  • 相关阅读:
    怎样判断某个分辨率是不是 16:9
    最简单的判断是否为IE浏览器的方法
    S4 smartforms切换到非word编辑器
    字符串中数字和汉字之前打空格
    elasticsearch 中term查询
    小程序 反编译 pc微信
    vue-element-admin vue-amap使用高德地图 文档没有示例代码
    高德地图 自适应 显示多个点标记
    laravel5 清理 bootstrap/cache/config.php
    element-admin 上传 跨域 问题 http-request
  • 原文地址:https://www.cnblogs.com/zhwl/p/2092211.html
Copyright © 2011-2022 走看看