XML和HTML都是标记语言。虽然它们听起来很相似，但它们是具有不同应用程序的独特语言。但是，这两种标记语言以多种方式协同工作，如果您想精通Web开发，了解这两种语言都很重要。这是您需要了解的有关XML与HTML的所有信息。
本文探讨了XML和HTML是什么、何时使用它们、它们之间的区别以及如何将它们结合起来创建一个有效的网络。
什么是XML？
XML代表可扩展标记语言，它是用于跨应用程序和服务器传输数据的最常见的Web语言之一。
XML（via： Wikipedia Commons）
与其他标记语言不同，XML本身不做任何事情。它所做的只是存储数据。它需要与另一个应用程序交互以显示、移动或以其他方式使用存储的代码。
XML确实有语法，但它的所有标签都是由您定义的，您也可以添加或删除它们。这就是使其“可扩展”的原因。
什么时候使用XML？
XML的主要功能是存储和传输数据。与HTML非常相似，XML也用于创建网站，但与HTML不同的是，它不关心向访问者显示数据。
XML的唯一功能是移动数据；然后如何使用它取决于您以及您与之配对的技术。通常，您会将数据从服务器或其他应用程序传输到数据库。
WordPress使用REST API在服务器之间建立连接，可以传输数据，包括XML。过去，它使用XML-RPC代替，但现在已经过时了。
XML存储的数据类型完全取决于您，但通常，它用于“结构化数据”，例如文档、发票、目录、书籍等。它通常用于在Web应用程序（例如表单）中存储数据。
XML与平台无关，采用纯文本格式，因此您无需担心无法打开和读取传输给您的数据。XML基本上适用于任何技术。这就是为什么它今天仍然被广泛使用的原因。
XML的特点
以下是XML的细分及其功能，因此您可以轻松地将其与 HTML 进行比较。
- XML有效地存储和携带数据从一个地方到另一个地方。
- 虽然它通常是人类可读的，但XML依赖于其他应用程序来显示、分析或输出数据。它只存储和移动它。
- XML与平台无关，可以挂接到任何支持它的应用程序中。
- 它相对简单，易于编写和学习——尽管使用它是HTML的一大步。
- XML是动态的，可用于创建非静态网页。
- XML标记是用户定义的。您不需要记住HTML之类的标签；你自己编。
- 它是一种可扩展的语言，可以随时写入或删除信息。
XML示例
还在迷茫吗？让我们分解一个简单的XML示例。
<catalog> <plant> <id>01</id> <name>Daisies</name> <price>$2.95</price> </plant> <plant> <id>02</id> <name>Buttercup</name> <price>$2.30</price> </plant> </catalog>
首先要注意：所有这些标签都是用户定义的。XML中没有内置“目录”标签，也没有任何固有的功能。
这与HTML不同，比如其中的标签<title>会影响文本的格式。在XML中，标签自己不做任何事情。
如您所见，这只是一种对信息进行分类和编目的方式。顶级标签是<catalog>，适用于整个文档。接下来是<plant>目录，其中嵌套了两种不同花朵的ID、名称和价格等信息。
就其本身而言，这没有任何作用。但是您可以使用此数据创建一个动态目录，该目录显示在您的网站上，并在您修改原始XML时自动更新。
每次从目录中添加或删除花朵时，您都可以深入研究HTML并更新您的网站，但这种方法效率更高。只需进行一些设置即可节省大量工作。
什么是HTML？
HTML代表超文本标记语言，它是世界上最常见的网络语言之一。HTML是无与伦比的互联网构建块，也是网站创建的标准语言。
HTML5（via：维基共享资源）
如果你想学习前端开发，HTML不是可选的。几乎100%的网站都使用它和CSS。XML是一种相当流行的标记语言，但HTML完全超越了它。
幸运的是，XML与HTML不是竞争对手。你可以一起使用它们来完成伟大的事情。
什么时候使用HTML？
HTML是用于对网站前端进行编码的主要语言。虽然它通常与CSS、XML等其他语言以及Ruby和Python等后端语言一起使用并与之集成，但HTML是负责制作网站布局和基本外观的主要语言。
闪电博主页的HTML视图
它的工作方式是使用称为标签的各种元素来描述页面的结构和布局。这些与XML标签非常相似，但与XML不同的是，标签是预定义的；您需要记住它们并具有内置功能。
这些标签被写入您服务器的文档中，然后访问者的浏览器将HTML转换为可视化显示。HTML创建图像、视频、表格，甚至整个页面布局。
例如，HTML标记<b>在您的浏览器中显示时会将文本加粗。有关更详尽的说明，请参见下面的示例。
HTML的特点
简而言之，HTML是什么？这是基础知识。
- HTML是目前最简单的编码语言之一，对于想要学习代码的初学者Web开发人员来说，这是一个极好的第一步。
- 它是用于Web开发的主要标准化语言。它与平台无关，适用于所有支持它的浏览器和应用程序。
- HTML使用由标签和属性组成的简单标记语法。这些标签是预定义的。
- HTML 不区分大小写，即使出现拼写错误和语法错误也会显示。
- 它创建不会更新或更改的静态网页。
- HTML可以与其他Web语言集成，例如CSS、XML和后端语言。
HTML示例
如前所述，HTML只是一系列称为标签的元素。这些由包含文本的开始和结束标记组成。HTML标记中的文本可以加粗、斜体、制成标题等。
这是一个例子：
<p>This is a paragraph</p>
HTML段落
<p>标签设置一个简单的文本段落。它本身并没有做太多的事情，但是您可以使用CSS来通用地设置<p>标签的样式。然后，您网站上的每个段落都会按照您想要的方式显示。
以下是一些其他基本的HTML标签：
<h1>,<h2>, 等：设置页面的标题。上<body>：设置页面的正文。<b>： 粗体文字。<i>: 斜体字。<img src="url.jpg">：显示图像。<a href="example.com">: 链接到页面。标签中包含的文本将是您的锚文本。<br>: 添加换行符。这是唯一不需要结束标记的HTML标记之一。
与XML一样，HTML元素可以相互嵌套。例如，列表有点特殊；您需要使用<ol>（带数字的有序列表）或<ul>（带项目符号的无序列表）。每个列表元素都接收<li>标签。
<ul> <li>Item #1</li> <li>Item #2</li> <li>Item #3</li> </ul>
HTML中的逐项列表
HTML元素还具有进一步自定义标签的“属性”。这是一个<img>标签的示例：
<img src=”image.png” width=”1000” height=”600”>
这将创建具有这些尺寸的图像。“src”或源属性调用外部链接或服务器上的文件，而宽度和高度属性可以是任意数字。
最后，这是一个基本HTML文档的示例。
<!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1>H1 Heading</h1> <p>Page Text</p> </body> </html>
HTML中的标题
<!DOCTYPE html>和<html>标签将文档定义为HTML文档。<head>嵌套在<html>中，其中包含页面标题。然后，<body>标签包含一个标题和一些示例文本。然后关闭该文档。永远记得关闭所有的HTML标签！
XML与HTML之间的差异
HTML和XML都是标记语言，与编程语言相似但不同，它们使用标签来注释文档。它们也使用类似的语法，例如开始和结束标记。
但相似之处到此为止。这两种网络语言在应用上有很大的不同。
HTML代码专门用于设计在浏览器中显示的网页。XML仅用于数据传输和存储。虽然它是人类可读的，但它并不意味着在前端看到。
HTML是静态的，而XML是动态的。使用HTML制作的站点通常不会自行更改或更新，而XML几乎总是用于生成动态应用程序。
HTML是一种完全预定义的标记语言，其中已经定义了标签和元素。您不能制作自己的HTML标签。XML更像是标记语言的框架，其标签完全由您自己制作。
最后，XML在格式方面要严格得多，而HTML则更加灵活，并且会尝试呈现格式不正确的代码。XML区分大小写，如果没有结束标签就不会解析，必须以正确的顺序嵌套，并且属性值必须用引号引起来。
任何文本编辑器都可以编辑HTML或XML，尽管每个都有专门的代码编辑器。
HTML和XML如何协同工作？
由于XML除了存储和传输数据之外不做任何事情，因此您需要与HTML等其他技术一起工作才能让它做任何事情。
如果您有任何随时间更新的数据，例如商店目录、天气服务或商店财务交易的发票列表，那么这是XML和HTML的主要集成。
仅使用HTML，您需要进入代码并在每次发生任何变化时更新您的网站。在某些情况下，这要么太耗时，要么完全不可能。
相反，您可以实现XML以将此数据与HTML分开。设置一些应用程序来收集数据，将其输出到XML文件，然后将其发送到您的服务器，在那里您的HTML对其进行格式化并根据需要更新页面。
换句话说，XML充当您的站点和另一个应用程序之间的桥梁。这是使您的网站自动化并使其动态更新的众多方法之一。
当然，有很多方法可以实现XML。这只是它可以做什么的一个简单示例。
XML与HTML的优缺点
如果您正在设计一个网站，HTML基本上是不可避免的。您可以使用许多其他语言，但HTML是网页设计的支柱，没有其他选择。
好处是它相对容易学习。当你犯错时，编码语法是简单而灵活的，主要是记住每个标签的作用。
当然，设计遵循现代编码标准的HTML完全是另一回事，但对于每一种编程语言都是如此。就基础而言，HTML非常平易近人。
另一方面，这意味着它不是一门非常强大的语言，而且仅使用HTML很难设计出漂亮或具有复杂功能的东西。
这些缺点被CSS、Javascript等解决了，但HTML仍然是一门静态且简单的语言，应该只用于设置网站的基本布局和结构，而不是作为一个完整的网页设计工具。
现在XML的优缺点：
XML在其工作中非常高效，即在应用程序或服务器之间传输文档和数据。它是一种动态语言，您可以使用它来处理Web应用程序并自动化您网站上的流程。
根据它的用途，它比HTML更易于阅读，并且由于使用了类似的编码语法，因此更易于学习。由于所有标签都是用户定义的，因此您无需记住任何内容。
但XML的难点在于应用它。虽然知道标签后创建基本的HTML文档非常容易，但将XML投入实际使用需要更多的Web开发知识。
它的代码也是冗余的，使得读取和写入变得更加困难，并导致更大的文件大小需要更多的存储和网络空间。
小结
HTML和XML都是执行各种功能的不同语言，因此不是选择其中一种，而是在最合适的时候使用它们。
简而言之，HTML是Web开发的主要构建块，用于定义页面的结构。XML可以在服务器之间传输数据，并且通常与HTML或其他应用程序一起使用。
现在您已经了解了基础知识，是时候亲自尝试一下HTML和XML。查看我们的Web开发工具列表以开始使用。
评论留言