はじめに

聞いたことあるけど使ったことない、詳しく知らないでおなじみ XML について
HTMLとの比較を通してイメージを掴んでいこうと思います。

目的の違い

HTML XML

内容主に構造化されたコンテンツをブラウザで表示するために使用されるマークアップ言語。主にコンピュータシステム間で構造化データを交換するために使用されるマークアップ言語。

リリースされた年 1993 年 1998 年

目的プレゼンテーション言語データ交換言語

使用すべき場合クライアント側のウェブページまたはウェブアプリの構築 2 つのシステム間におけるデータの交換 (ただし、JSON の方が適し他形式でないかどうかを確認してください)

タグ事前定義済みのタグ拡張可能なタグ

入力動的 XML スキーマを使用する際に修正

	HTML	XML
内容	主に構造化されたコンテンツをブラウザで表示するために使用されるマークアップ言語。	主にコンピュータシステム間で構造化データを交換するために使用されるマークアップ言語。
リリースされた年	1993 年	1998 年
目的	プレゼンテーション言語	データ交換言語
使用すべき場合	クライアント側のウェブページまたはウェブアプリの構築	2 つのシステム間におけるデータの交換 (ただし、JSON の方が適し他形式でないかどうかを確認してください)
タグ	事前定義済みのタグ	拡張可能なタグ
入力	動的	XML スキーマを使用する際に修正

※コメントにて年の間違いをご指摘いただきました。現在は修正済みです。
詳しくは以下の記事をご覧ください

HTMLは「プレゼンテーション言語」
XMLは「データ交換言語」
正式な名称ではないですが、わかりやすい名称です。特にHTML。

HTMLはプレゼンテーション = 表示が目的、
XMLはデータ交換 = データに意味をつけ整理・保存・受け渡しが目的のようです。

※使用法に寄った解釈です。HTMLは「ページの構造を定義する」「ハイパーテキスト = 文書同士を関連付ける」ことも目的と言えるでしょうし、XMLも同様に他の目的があると言えるでしょう。

構文の違い

XMLとHTMLは違うんだなあと実感することを目的に、違いをいくつかピックアップします。

大文字と小文字

言語	特徴
XML	大文字と小文字を区別する
HTML	大文字と小文字を区別しない

HTMLのタグが大文字・小文字を区別しない例

See the Pen Untitled by Kohki_Takatama (@Kohki-Takatama) on CodePen.

言語	特徴
XML	カスタムタグを作成し記述する
HTML	事前定義されたタグを使用し記述する

HTML 事前定義されたタグの例

<html>
  <body>
   <p>p tag</p>
 </body>
</html>

<html> / <body> / <p> など、どれも「事前定義」されており、タグを自作することはできません。

XML カスタムタグの例

<bookstore>
  <book category="children">
    <title>Harry Potter</title>
    <author>J K. Rowling</author>
    <year>2005</year>
    <price>29.99</price>
  </book>
  <book category="web">
    <title>Learning XML</title>
    <author>Erik T. Ray</author>
    <year>2003</year>
    <price>39.95</price>
  </book>
</bookstore>

これらのタグは、本のカタログに関する情報を構造化して記述するために作られています。
特別な宣言は必要なく、記述した段階でタグとして認識されるようです。

また、一定の規則に従って記述したい場合、「DTD」「XML Schema」を使用することで文書が定義に従っているかのチェックができるようです。

空要素の終了タグ

空要素とは、子要素を持たない要素です。

HTMLの <br> <img> などが当てはまります。

言語	特徴
XML	`<br></br>`・`<br />`の記述が可能。`<br>`単体は不可
HTML	`<br></br>`の記述は不可。`<br />`・`<br>`の記述は可能

共通点

最後に、重要な共通点である「マークアップ言語」について終わろうと思います。

マークアップ言語

マークアップとは？

データ単位ごとにデータをタグ付けしていくことをマークアップすると言います。マークアップすることで各データの「意味」を記載しておくことができます。

HTMLの目的は「表示」、XMLの目的は「データの整理・保存・受け渡し」でした。
どちらも、データ（テキストなど）にタグ付けをして、その意味を記載しています。

<!--
「よくわかるHTML」というテキストは、
h1 = 最も強調すべき見出し（= タイトル）であると「マークアップ」している
-->
<h1>よくわかるHTML</h1>

<!--
「Learning XML」はタイトルであると「マークアップ」している
また、これらのテキストは book に関するものであると「マークアップ」している
-->
<book>
  <title>Learning XML</title>
  <author>Erik T. Ray</author>
  <year>2003</year>
  <price>39.95</price>
</book>

参考

Amazon.co.jp: できるポケット Web制作必携 HTML&CSS全事典改訂3版できるポケットシリーズ eBook : 加藤善規, できるシリーズ編集部: Kindleストア

XMLのイメージを掴む