マークアップとは?Webで使われる理由

初回公開日:2026年4月25日

マークアップは、テキストに指示を書き加え、ソフトウェアが構造や表示方法を識別できるようにする仕組みです。見出し、段落、リンクの役割を推測させず、明示します。Webで最もよく知られた例がHTMLです。

マークアップの仕組み

マークアップは内容と構造を分けます。文章を書き、各部分の役割を示すタグや記号を加えます。ブラウザーなどのプログラムがそれを読み取り、文書を表示または処理します。

HTML:Webページの基本

HTML(HyperText Markup Language)は山括弧で囲まれたタグを使います。たとえば、<h1>は主見出し、<p>は段落、<a>はリンクを示します。ブラウザーはHTMLを解釈してページを組み立てます。

Markdown:読みやすいマークアップ

Markdownは簡潔な記号を使います。#は見出し、**文字**は太字、- 項目はリストを表します。README、フォーラム、メモアプリなどで使われ、変換前のソースも読みやすいのが特徴です。Markdown処理系によってHTMLに変換できます。

XML:構造化された情報

XML(Extensible Markup Language)では、構造化データを説明するタグを定義できます。一部のAPI、RSSフィード、設定ファイル、文書形式などで使われます。ソフトウェア間で情報を交換・処理しやすく整理するのが目的で、それだけでページの見た目を決めるものではありません。

マークアップと符号化は別のもの

マークアップは内容の役割や構造を説明します。符号化はデータの表現方法を変えます。たとえばBase64はバイト列を限られた文字で表現しますが、見出し、段落、リンクの構造は示しません。併用はできますが、解決する課題は異なります。

実際に試して学び続ける

文書形式を調べるときは、どの言語がマークアップを読み、ソフトウェアがどう扱うかを確認しましょう。HTMLはWebページを構造化し、Markdownは多くの場合HTMLに変換され、XMLはデータを整理します。HTMLの参考資料としてMDNを利用できます。

実用上の見分け方

マークアップと符号化を混同すると、適切なツールを選びにくくなります。文書の各部分を説明したいのか、データを転送しやすい形式で表したいのかを考えると、必要な概念が見えてきます。

参考資料

以下の一次資料はHTML、Markdownの構文、XMLを説明しています。ここでの例は入門向けであり、対応機能はソフトウェアによって異なります。

よくある質問

MarkdownはHTMLの代わりになりますか?

いいえ。Markdownは多くのツールでHTMLに変換できる、より簡潔な執筆形式です。結果や対応構文は処理系によって異なります。

Base64はマークアップ言語ですか?

いいえ。Base64はバイト列を文字として符号化する方式で、文書の構造は記述しません。

XMLは情報の見た目を決めますか?

XMLは主に構造化データを整理します。表示方法は別のアプリケーションやスタイルシートが決めます。

関連するツールとガイドを見る: テクノロジーガイド

Português (Brasil)