`

XHTML 与 HTML 之间的差异

阅读更多

最主要的不同:

  • 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>
分享到:
评论

相关推荐

    WEB开发 之 XHTML 与 HTML 之间的差异.docx

    **XHTML 与 HTML 之间的差异** 在Web开发中,XHTML(Extensible HyperText Markup Language)和HTML(HyperText Markup Language)都是用于创建...尽管如此,理解XHTML与HTML之间的差异仍然是Web开发人员的基本功。

    如何将html转换成XHTML

    在探讨如何将HTML文档转换为XHTML的过程中,我们需要首先理解HTML与XHTML之间的差异以及XHTML的基本要求。HTML(HyperText Markup Language)是用于创建网页的标准标记语言,而XHTML(Extensible HyperText Markup ...

    HTML与XHTML权威指南(第五版)

    在阅读《HTML与XHTML权威指南(第五版)》这本书时,不仅可以系统地学习这两种语言,还可以了解到最新的Web标准和最佳实践。同时,科技文献检索资源网站提供的下载资源,为学习者提供了宝贵的自学材料。鼓励大家互相...

    Head First HTML与CSS、XHTML 中文版PDF

    - XHTML与HTML的区别:对比XHTML和HTML在标签闭合、命名规则等方面的差异。 - XHTML的结构和语法:学习如何编写符合XHTML标准的代码,包括正确的元素嵌套和属性引用。 5. **网页优化与兼容性**: - 响应式设计:...

    HTML和XHTML的联系与区别,文档类型<!DOCTYPE>

    虽然HTML和XHTML在很多方面相似,但它们之间存在一些关键的差异。 **HTML的起源与发展** HTML自1990年代初由蒂姆·伯纳斯-李发明以来,经历了一系列版本的更新。从HTML 1.0到HTML 4.01,这些版本逐渐完善了语义和...

    html与xhtml权威指南3.rar

    HTML和XHTML之间的关键区别在于语法严谨性。HTML允许一定程度的自由度,使得初学者更容易上手,而XHTML的严格性有助于生成更清洁、更一致的代码,这对于自动化处理和数据交换是有益的。此外,XHTML与XML的兼容性使其...

    HTML与XHTML、以及HTML4与HTML5标签之间的区别简介

    总结来说,HTML与XHTML的区别主要体现在语法严谨性和XML兼容性,而HTML4与HTML5的差异则在于语义化、标签的简化与更新,以及对多媒体和交互功能的支持。理解这些差异对于现代Web开发至关重要,因为它们直接影响着...

    高质量网页设计之HTML_XHTML教程

    本文将深入探讨HTML与XHTML的基本概念、它们之间的差异以及如何正确使用HTML标签。 #### 二、什么是HTML? HTML是一种用于创建网页的标准标记语言。它通过一系列预定义的标签来描述网页的内容和结构。这些标签可以...

    全套xhtml资料

    2. **HTML与XHTML的区别**:理解两者之间的差异,比如XHTML对标签的严格要求、元素命名的规范性以及XML的语法规则的引入,这些都是学习过程中的关键点。 3. **DOM(Document Object Model)**:DOM是HTML和XML文档...

    XHTML 教程一 (初学者应该学习)

    XHTML 教程一主要面向初学者,旨在介绍 XHTML 的基本概念、与 HTML 的差异以及为何应学习和使用 XHTML。XHTML,即可扩展超文本标记语言,是 HTML 的一个进化版,它结合了 HTML 的易用性和 XML 的严格结构。W3C 在...

    XHTML 教程

    XHTML 教程 XHTML 是更严谨更纯净的 HTML 版本。 在此教程中,我们会为您讲解 HTML 与 XHTML 之间的差异,同时也会为您展示将该站点升级到 XHTML 的方法。

    xhtml.pdf

    XHTML与HTML4之间存在着显著的差异,这些差异主要体现在语法严格性和数据格式的一致性上。在HTML4中,标签名、属性名以及预定义属性值的大小写并不敏感,例如`&lt;BODY&gt;`、`&lt;Body&gt;`和`&lt;body&gt;`被视为等价。而在XHTML中,...

    XHTML与CSS需要掌握的八个问题

    在探讨XHTML与CSS需要掌握的八个问题时,我们深入剖析每个知识点,旨在为开发者提供实用的指导,尽管效果可能因具体环境而异,但理解并应用这些原则将极大提升网页设计的质量与效率。 ### 1. 验证工具:W3C XHTML/...

    想要xhtml课件的可以下来看看哦~~

    同时,理解不同浏览器之间的差异,以及如何编写跨浏览器兼容的XHTML代码,是实际开发中必不可少的技能。 8. **XHTML与XML的关系**:由于XHTML基于XML,所以它继承了XML的数据交换和处理能力。学习XML的基础知识,如...

    html4 html5中文参考手册

    在学习HTML4、HTML5和XHTML时,了解它们之间的关系和差异至关重要。HTML4是基础,而HTML5引入了更多现代网页开发所需的功能。XHTML则是一种更加严格的编码规范,有助于提高代码质量和兼容性。对于开发者来说,掌握...

    W3C标准-XHTML.v.2.0

    2. **兼容性**:为了确保跨浏览器的一致性和兼容性,XHTML 2.0遵循了严格的XML语法规则,这有助于减少不同浏览器之间的差异。 3. **可扩展性**:通过XML的灵活性,XHTML 2.0支持自定义元素和命名空间,便于与其他Web...

    50个经典XHTML+CSS模版

    5. **跨浏览器兼容性**:学习如何处理不同浏览器之间的差异,确保样式的一致性。 6. **性能优化**:理解如何减少HTTP请求,压缩CSS和JavaScript,优化图片,提高网页加载速度。 通过深入研究这50个模板,你不仅可以...

Global site tag (gtag.js) - Google Analytics