HTML、HTML5、XML、XHMTL区别

最新推荐文章于 2021-06-24 02:41:19 发布

Starzkg

最新推荐文章于 2021-06-24 02:41:19 发布

阅读量1.8k

点赞数

分类专栏： # HTML 文章标签： HTML HTML5 XHTML

本文链接：https://blog.csdn.net/weixin_43272781/article/details/98488492

版权

HTML 专栏收录该内容

55 篇文章

订阅专栏

本文深入探讨HTML、XML、XHTML及HTML5的基本概念、关键区别与应用领域，揭示它们在网页开发、数据存储与传输中的角色。强调HTML5的进化特性与XHTML的严谨性，以及XML在数据管理中的优势。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、基本概念

HTML：超文本标记语言(Hyper Text Markup Language)，标记语言 (markup language)，是网页制作所必备的，,标准通用标记语言下的一个应用。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。超文本标记语言(或超文本标签语言)的结构包括“头”部分、和“主体”部分，其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

XML：可扩展标记语言(eXtensible Markup Language)。XML是标准通用标记语言的子集，是一种用于标记电子文件使其具有结构性的标记语言，它被设计用来传输和存储数据，是对超文本标记语言的补充。可扩展标记语言是一种元标记语言，即定义了用于定义其他特定领域有关语义的、结构化的标记语言，这些标记语言将文档分成许多部件并对这些部件加以标识。它能够更精确地声明内容，方便跨越多种平台的更有意义的搜索结果。它提供了一种描述结构数据的格式，简化了网络中数据交换和表示，使得代码、数据和表示分离，并作为数据交换的标准格式，因此它常被称为智能数据文档，文件扩展名为xml。

XHTML：可扩展超文本标记语言(eXtensible HyperText Markup Language，XHTML)，是一种标记语言，表现方式与超文本标记语言（HTML）类似，不过语法上更加严格。XHTML就是一个扮演着类似HTML的角色的可扩展标记语言（XML），所以，本质上说，XHTML是一个过渡技术，结合了部分XML的强大功能及大多数HTML的简单特性。XHTML 1.0是一种在HTML 4.0基础上优化和改进的的新语言，目的是基于XML应用。XHTML是一种增强了的HTML,XHTML 是更严谨更纯净的 HTML 版本。它的可扩展性和灵活性将适应未来网络应用更多的需求。XML虽然数据转换能力强大，完全可以替代HTML，但面对成千上万已有的基于HTML语言设计的网站，直接采用XML还为时过早。因此，在HTML4.0的基础上，用XML的规则对其进行扩展，得到了XHTML。所以，建立XHTML的目的就是实现HTML向XML的过渡。XHTML 于2000年的1月26日成为 W3C （World Wide Web Consortium ，万维网联盟），文件扩展名为.xhtml.。

HTML5：Web中核心语言HTML的规范，用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的，在浏览器中通过一些技术处理将其转换成为了可识别的信息。HTML5在从前HTML4.01的基础上进行了一定的改进，虽然在技术人员在开发过程中可能不会将这些新技术投入应用，但是对于该种技术的新特性网站开发技术人员是必须要有所了解的。

2014年10月29日，万维网联盟宣布，经过接近8年的艰苦努力，该标准规范终于制定完成。

二、区别

HTML、XHTML二者的区别就是HTML的语法书写比较松散，比较适合开发者，然而语法松散对于电脑、手机等处理比较困难、所以在这个基础上有了XHTML

HTML对于各大浏览器兼容性较差(pc端浏览器、手机端浏览器、PAD)，对于网页页面编写技巧要求比较高，现在web前端开发的静态网页，一般都是html4.0，HTML5就另当别论了。

XHTML可以很好处理各大浏览器的兼容(pc端浏览器、手机端浏览器、PAD)，看起来与HTML有些相象但是和HTML有不少的区别，XHTML的语法较为严谨，习惯松散结构的HTML编写者刚开始接触XHTML有些不习惯。XHTML结合了部分XML的强大功能及大多数HTML的简单特性。

XML定义了用于定义其他特定领域有关语义的、结构化的标记语言，这些标记语言将文档分成许多部件并对这些部件加以标识。XML 文档定义方式有：文档类型定义（DTD）和XML Schema。

DTD定义了文档的整体结构以及文档的语法，应用广泛并有丰富工具支持。

XML Schema用于定义管理信息等更强大、更丰富的特征。XML能够更精确地声明内容，方便跨越多种平台的更有意义的搜索结果。它提供了一种描述结构数据的格式，简化了网络中数据交换和表示，使得代码、数据和表示分离，并作为数据交换的标准格式，因此它常被称为智能数据文档。

HTML5与XHTML区别

1、XHTML标签必须闭合

例如：

<p>  错误
<p></p> 正确

2、XHTLM标签以及属性都必须要小写

例如：

<Body></Body> 错误
<body></body>  正确

3、XHTML标签属性必须要用引号，单引号、双引号都可以

例如：

<input type=text value=name />错误
<input type="text" value="name"/> 正确

4、XHTML标签属性id代替name属性除了表单之外的所有元素都要改过来

例如：

<div name="haha"></div> 错误
<div id="haha"></div>   正确

5、元素必须被正确地嵌套

例如：

在 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> 标签。

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

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

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

三、总结

XHTLM是HTML的过渡版，那么HTML5是HTML的升级版

升级后的HTML5已经不再是单纯意义上的标签了，它的能力已经远远超过标签的范围。HTML5除了新增了一些标签外，还增加了一组技术，包括：canvas、SVG、等这些都需要使用javascript来操作，所以HTML5使HTML从一门“标记语言”，成为一门“编程语言”；

HTML、XML和XHTML都是标准通用标记语言的一个子集。HTML被设计用来显示数据，其焦点是数据的外观；XML被设计用来传输和存储数据，其焦点是数据的内容；XHTML是更严格更纯净的 HTML 版本，是作为一种 XML 应用被重新定义的 HTML，设计的目的是为了取代HTML以适应未来网络更多的需求。它们都可以用来开发网页，但就目前来看，网页开发中HTML还是占绝对的主流，现在最新版本HTML5也备受推崇。可拓展标记语言XML广泛运用于各种应用程序中数据的存储（例如各种配置文件）和应用程序间的数据传输，可以说是一项必须掌握的技术。至于可扩展超文本标记语言XHTML，在2009年W3C已经宣布停止了对XHTML2的开发，转而大力支持HTML5。