`
yfy_web
  • 浏览: 10168 次
  • 性别: Icon_minigender_2
社区版块
存档分类
最新评论

XHTML 与 HTML 之间的差异(转)

阅读更多
原文地址:http://www.w3school.com.cn/xhtml/xhtml_html.asp
通过开始编写严格的 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>
分享到:
评论
1 楼 李小昂 2013-11-23  
好严格啊~

相关推荐

    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的兼容性使其...

    基于poi实现word/excel转换为HTML(且兼容.doc.docx.xls.xlsx)

    - 添加适当的CSS reset代码,消除不同浏览器之间的默认样式差异。 - 对于图片,可以将其保存为独立文件并引用到HTML中,以保持图片质量。 - 使用条件注释或特性检测,为不同浏览器提供特定的样式修复。 提供的`...

    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文档...

    word文件转pdf或者word转html实现在线预览

    首先,让我们了解Word文件和PDF、HTML之间的差异。Word文件(.doc或.docx)是Microsoft Office套件中的文档格式,它支持丰富的文本格式、图片、表格和页眉页脚等元素。然而,不同操作系统和软件版本可能对Word文件的...

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

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

    java后端将html转换pdf.zip

    首先,我们需要了解HTML和PDF之间的差异。HTML是一种标记语言,用于构建和呈现网页,而PDF(Portable Document Format)是一种静态的文档格式,旨在保持内容的原始布局和样式。转换过程中,我们需要确保HTML的样式、...

    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/...

    html4 html5中文参考手册

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

Global site tag (gtag.js) - Google Analytics