---

マークアップ言語とは？基本や種類を徹底解説

デジタル化が進む現代において、私たちは日々さまざまな情報を目にし、扱っています。ウェブサイトの記事、電子書籍、ソフトウェアの設定ファイル、データベースから取得したデータなど、情報の形は多岐にわたります。これらの情報を単なるテキストの羅列ではなく、意味のある構造を持ったデータとして扱うために不可欠なのが、「マークアップ言語」です。

この記事では、マークアップ言語とは何かという基本的な概念から、その仕組み、主要な種類、そして現代社会における活用例までを、約5000語というボリュームで徹底的に解説します。プログラミング初心者の方から、ウェブ開発やデータ管理に関わる方まで、マークアップ言語への理解を深めたい全ての方にとって、包括的な情報源となることを目指します。

はじめに：なぜマークアップ言語が必要なのか？

私たちが本や新聞を読むとき、文章は章、節、段落といった構造を持ち、見出しや強調、図表などによって内容が整理されています。これにより、読者は情報の全体像を把握しやすくなり、重要なポイントを効率的に理解できます。

デジタルの世界でも同じです。情報をコンピュータが理解し、適切に処理・表示するためには、その情報がどのような意味を持ち、どのような構造になっているかを明確に定義する必要があります。単にテキストを並べただけでは、コンピュータにとってそれは意味を持たない文字列の塊に過ぎません。

ここにマークアップ言語の役割があります。マークアップ言語は、文章やデータに対して「マーク」（目印）を付けることで、その構造や意味、さらには表示方法に関する指示を記述するための言語です。これにより、情報は単なるテキストから、コンピュータが処理可能な「構造化されたデータ」へと生まれ変わります。

マークアップ言語の最も身近な例は、私たちが毎日利用するウェブサイトを構成するHTML（HyperText Markup Language）です。HTMLは、見出し、段落、画像、リンクといったウェブページの各要素にマークアップを施すことで、ブラウザがその内容をどのように表示すべきか、また各要素がどのような意味を持つかを指示します。

マークアップ言語は、ウェブだけでなく、電子書籍、XMLによるデータ交換、設定ファイルの記述、技術文書の作成など、様々な分野で利用されており、現代の情報処理において欠かせない存在となっています。

第1部: マークアップ言語の基本

マークアップ言語の具体的な種類を見る前に、まずはその基本的な考え方と構成要素について深く掘り下げていきましょう。

1.1 マークアップとは何か？

「マークアップ（Markup）」という言葉は、もともと出版や印刷の分野で使われていた用語に由来します。原稿に対して、編集者や校正者が活字の種類、文字サイズ、行間、配置といった組版（レイアウト）に関する指示を書き込む作業を「マークアップ」と呼んでいました。赤ペンなどで指示を書き込む様子を想像すると分かりやすいでしょう。

デジタルの世界におけるマークアップも、この考え方を踏襲しています。テキストデータに対して、それが「見出し」なのか、「段落」なのか、「画像」なのか、「リスト」なのか、といった構造的な役割や、時には「太字にする」「中央に配置する」といった表示に関する指示を、特別な記号や単語（タグ）を使って書き加えていきます。

重要な点は、マークアップが元のテキストデータそのものを改変するのではなく、データに対して「追加の情報」を付与する行為であるということです。これにより、元のデータはそのままに、多様な処理や解釈が可能になります。

1.2 データとメタデータの関係

マークアップ言語は、しばしば「データ」と「メタデータ」の関係で説明されます。

• データ: 文書や情報そのものの内容。例えば、ニュース記事の本文、商品の説明文などです。
• メタデータ: データに関するデータ。「データが何であるか」「データがどう使われるか」などを説明する情報です。例えば、ニュース記事の見出し、著者名、公開日時、記事のカテゴリなどです。

マークアップ言語は、主にデータに対してメタデータを付与する役割を果たします。テキストコンテンツ（データ）のどの部分が「見出し」であるか、どの部分が「著者」であるか、どの部分が「本文」であるかといった情報を、タグなどのマークアップ（メタデータ）を使って関連付けます。

これにより、コンピュータは単なる文字列の並びではなく、意味的な構造を持ったデータとして情報を理解できるようになります。例えば、「

見出し

」というマークアップを見れば、コンピュータは「これは『見出し』という内容のテキストであり、文書の中で最も重要な見出し（レベル1）として扱われるべきである」と認識できます。

1.3 マークアップ言語の基本的な構造：タグ、要素、属性

ほとんどのマークアップ言語は、「タグ」「要素」「属性」という基本的な構成要素から成り立っています。

タグ (Tag)

タグは、マークアップの指示を示す特別な記号です。通常、山括弧（< >）で囲まれた単語や記号のペアで表現されます。タグには、開始を示す「開始タグ」と終了を示す「終了タグ」があります。

• 開始タグ: <タグ名> の形式。マークアップの対象となる部分の開始を示します。
• 終了タグ: </タグ名> の形式。マークアップの対象となる部分の終了を示します。タグ名の前にスラッシュ（/）が付きます。

例:
* 見出しの開始タグ: <h1>
* 見出しの終了タグ: </h1>
* 段落の開始タグ: <p>
* 段落の終了タグ: </p>

マークアップ言語によっては、内容を持たない要素（画像や改行など）を示すために、開始タグと終了タグを一つにまとめた「空要素タグ」や「自己終了タグ」と呼ばれる形式を使用することもあります。

• 空要素タグ: <タグ名 /> の形式。開始と終了を同時に示します。
  • 例: <br /> （改行）, <img src="image.jpg" /> （画像）

要素 (Element)

要素は、開始タグから始まり、その内容（コンテンツ）、そして終了タグまでを含んだ一つのまとまりです。空要素タグの場合は、そのタグ自体が要素となります。

要素は、文書やデータの構造を定義する最小単位となります。

例:
* <h1>これは見出しです</h1>: 要素名「h1」、内容「これは見出しです」
* <p>これは段落です。</p>: 要素名「p」、内容「これは段落です。」
* <br />: 要素名「br」、内容なし

属性 (Attribute)

属性は、要素に対して追加の情報や設定を与えるために使用されます。開始タグの中に、「属性名=”属性値”」の形式で記述します。複数の属性を持つことも可能です。

例:
* <a href="https://www.example.com/">リンク</a>: 要素名「a」、内容「リンク」。hrefという属性を持ち、その値は "https://www.example.com/" です。この属性は、リンク先のアドレスを指定しています。
* <img src="image.jpg" alt="サンプル画像">: 要素名「img」、内容なし。src属性は画像のファイル名を、alt属性は代替テキストを指定しています。

属性を使用することで、同じ種類の要素でも、異なる振る舞いや特性を持たせることができます。例えば、複数の画像要素がある場合、それぞれのsrc属性に異なるファイル名を指定することで、別の画像を表示できます。

要素の階層構造 (Hierarchy)

マークアップ言語で記述された文書は、これらの要素が入れ子（ネスト）になった階層構造を形成します。親要素の中に子要素が含まれる形で、ツリーのような構造になります。

例 (HTML):
“`html

メインの見出し

最初の段落です。

二番目の段落です。ここに強調したいテキストがあります。

``
この例では：
*要素は文書全体のルート要素です。
*要素の子要素として要素と要素があります。
*要素の子要素として