マークアップ言語

① HTML（HyperText Markup Language）

HTMLはWebページの構造を記述するためのマークアップ言語です。文章の見出し・段落・画像・リンクなどをタグ（`<h1>`、`<p>`、`<img>`、`<a>`など）で囲んで定義します。「HyperText」の名前が示す通り、ハイパーリンク（テキストをクリックすると別のページに移動する仕組み）を実現する言語としてWorld Wide Webの基盤技術となりました。

HTMLの標準規格は長らくHTML5が主流でしたが、現在はHTML Living Standardとして、WHATWGにより継続的にアップデートされる「生きた標準」に移行しています。

② CSS（Cascading Style Sheets）

CSSはWebページの見栄えとレイアウトを定義する言語です。文字の色・大きさ・背景色・余白・配置など、ページのビジュアルデザインをすべてCSSで制御します。

HTMLが「何が書かれているか（構造）」を担当し、CSSが「どのように見せるか（デザイン）」を担当するという役割分担がWebの基本設計思想です。この分離により、HTMLファイルを変更せずにCSSだけを差し替えることでデザインを大幅に変更できます。同一のHTMLでもPC向け・スマホ向けに異なるCSSを適用すれば、レスポンシブデザイン（画面サイズに応じたレイアウト変更）が可能です。

③ XML（eXtensible Markup Language）

XMLは、ユーザーが独自のタグを自由に定義できるメタ言語（言語を定義するための言語）です。HTMLがWebページの表示に特化しているのに対し、XMLはデータの構造を明確に記述することを目的としています。

たとえば商品データをXMLで表現する場合、`<商品名>`、`<価格>`、`<在庫数>`といった業務に合わせた独自のタグを定義して、データの意味を明示できます。この特性から、異なるシステム間でのデータ交換フォーマットとして広く利用されています。

④ CSVとXMLの比較

データ交換のフォーマットとして、CSV形式とXML形式の違いを整理しましょう。

CSVは軽量でシンプルですが、「3列目は何のデータか」がファイル自体からは読み取れません。一方XMLはタグで意味が明示されるため、初めて見る人でもデータの内容を理解しやすいのが利点です。

⑤ CMS（Contents Management System）とHTML Living Standard

CMSは、Webサイトのコンテンツを専門的な知識なしに管理・更新できるシステムです。代表例のWordPressでは、ブログ記事を書くような感覚でHTMLやCSSの知識がなくてもWebページを作成・編集できます。HTMLやCSSは裏側でCMSが自動生成してくれます。

なお、HTML Living Standardは先述の通り、固定バージョンではなく常に進化し続ける「生きた標準仕様」です。従来のように「HTML5→HTML6」とバージョンが上がるのではなく、必要に応じて機能が随時追加・修正されていきます。