「分かりそう」で「分からない」でも「分かった」気になれるIT用語辞典イメージぴよ画像「分かりそう」で「分からない」でも「分かった」気になれるIT用語辞典

eXtensible HyperText Markup Language

pointこの用語のポイント

pointマークアップ言語だよ

pointホームページを作るときに使うよ

pointHTMLとXMLの良いところを混ぜ合わせて作られたよ

point「XHTML」と表現されるのが一般的だよ

スポンサーリンク

簡単に書くよ

eXtensible HyperText Markup Language(読:エクステンシブル・ハイパーテキスト・マークアップ・ランゲージ)とは

いわゆる「XHTML」のこと。
用語の中身としては

XMLっぽいHTMLの親戚
です。
もう少し具体的に書くと

目印で囲むことで構造を表現する書き方ルール(マークアップ言語)のひとつ
であり

HTMLとXMLの良いところを混ぜ合わせて作られた、ホームページを作るときに使うマークアップ言語
です。


image piyo

詳しく書くよ

最初に留意事項です。
XHTML」と言われて「あぁ、アレのことね」と分かる方は最後まで読む必要ありません。
XHTMLの正式名称(?)が「eXtensible HyperText Markup Language」です。
「eXtensible HyperText Markup Language」を何となく省略したのが「XHTML」ね。

eXtensible HyperText Markup Language(エクステンシブル・ハイパーテキスト・マークアップ・ランゲージ)

※「eXtensible HyperText Markup Language」を何となく日本語にすると「拡張できるホームページのファイル用の印を付ける言語」となります。[詳細]

以上が「XHTML」の意味を知っている人向けの説明です。

「XHTMLって何?美味しいの?」な人は、このまま読み進めてください。
用語の中身について説明します。

ちょっと休憩2

それでは、いってみましょう。
まずは予備知識として

マークアップ言語
HTML
XML


について簡単に説明します。
「そんなの説明されなくても知ってるよ!」な人は適当に読み飛ばしてください。

マークアップ言語は「目印で囲む(マークをつける)ことで構造を表現する書き方ルール」です。

例えば、そうですね。
ピヨ太君が、とある文書ファイル

ピヨ太君は、とってもお腹が空いています。

と書いたとします。

eXtensible HyperText Markup Language(エクステンシブル・ハイパーテキスト・マークアップ・ランゲージ)2

ピヨ太君は、すごいお腹が空いているのです。
「とっても」の部分を強調したいです。

eXtensible HyperText Markup Language(エクステンシブル・ハイパーテキスト・マークアップ・ランゲージ)3

ピヨ太君が文章を書いた文書ファイルには「<strong>」と「</strong>」で囲った部分は強調扱いになる、というルールが ありました。
そこで、ピヨ太君は文書ファイルの中身を

ピヨ太君は、<strong>とっても</strong>お腹が空いています。

と書き換えました。

これでピヨ太君のお腹の空きっぷりが強調されましたね。
ピヨ太君は満足です。

ここで、この文書ファイルの書き方に注目してください。
目印を付けることで「ここは強調だよ」と文書構造を表現しました。

このような

目印で囲む(マークをつける)ことで構造を表現する書き方ルール

がマークアップ言語です。
今回の例であれば「ピヨ太君が文章を書いた文書ファイルはマークアップ言語で書かれている」と言えます。

HTMLは「マークアップ言語のひとつでホームページを作るときに使う言語」です。
よく分からない方は

ホームページのファイルの書き方ルール

と解釈してください。

eXtensible HyperText Markup Language(エクステンシブル・ハイパーテキスト・マークアップ・ランゲージ)4

XMLは「マークアップ言語のひとつでHTMLの親戚みたいなもの」です。
例えば

<?xml version="1.0" encoding="Shift_JIS" ?>
<staff>
    <member>
        <name>ピヨ太</name>
        <position>社長</position>
        <age>40代のおっさん</age>
    </member>
    <member>
        <name>ピヨ子</name>
        <position>営業部長</position>
        <age>永遠の美少女</age>
    </member>
</staff>


みたいな書き方をします。
よく分からない方は

ファイルの書き方ルールのひとつ

と解釈してください。

XMLは、HTMLよりルールが厳格な代わりに、やれることが多かったりします。
HTMLは、ほぼホームページ専用です。
それに対してXMLは、ホームページ以外にも、いろいろ使えます。

以上を踏まえて

HTMLをXML準拠にしたやつ

が「eXtensible HyperText Markup Language」です。
上でも書きましたが、一般的には「XHTML」と表現されます。
※本ページでも以降は「XHTML」と表現します。

XHTMLは、今まで比較的自由奔放に生きていたHTML君が「もうちょっとXMLおじさんみたいにきちんとしなさい!」と言われて生まれたやつです。

eXtensible HyperText Markup Language(エクステンシブル・ハイパーテキスト・マークアップ・ランゲージ)5

XHTMLとHTMLは似ています。
そのせいでXHTMLとHTMLの違いが分かりにくいかもしれませんね。

XHTMLとHTMLの違いは

ルールの厳密さ

です。
HTMLと使い道は同じだし書き方も似ているけど書くときのルールがちょっと厳しくなったのがXHTMLです。
XHTMLの方が、ちょっとだけHTMLより堅苦しいのです。

「え~、それって逆に不便じゃない?」と思う人もいるでしょう。
もちろん不便さもあります。
ですが、逆に良いこともあるのです。

ルールが厳密ということは、それだけ規則的な構造になっています。
例えばXHTMLで書かれたページの方がHTMLで書かれたページよりもプログラムで解析したりするのが楽なはずです。

とはいえ、XHTMLのファイルを表示するのは、自由奔放なHTMLさんに対応してきたWebブラウザさん(ホームページを見るときに使うソフトですからね。
ぶっちゃけ、ルールがきちんと守られていなくても何となく表示してくれるのが実情です。
そのせいでXHTMLとHTMLの違いが分かりにくくなっているのだと思います。

ちなみにこの説明を書いている時点では、ホームページを作るときの主流は「HTML Living Standard」です。
「HTML4.01→XHTML1.1→HTML5→HTML Living Standard」と移り変わってきました。

一時期「HTMLなんて時代遅れだよ、これからはXHTMLの時代さ」みたいに言う人も出てきましたが、またHTMLが持てはやされています。
さらに将来は、どうなるか分かりません。

「じゃあHTMLとXHTMLのどっちを勉強すれば良いんだよ?」と思うかもしれませんが、どちらでも構わないです。
似たようなものなので、どちらかを学べばもう一方も何となく分かるようになります。


image piyo2

一言でまとめるよ

まぁ「eXtensible HyperText Markup Language」って単語が出てきたら「XHTML(XMLっぽいHTML)のことなんだな~」と お考えください。

一番上に戻るよ
スポンサーリンク
書籍画像024
書籍画像036

おまけ

■訳してみるよ

「extensible(エクステンシブル)」の意味は「広げられる」とか「伸ばせる」とかです。
今回は「拡張できる」と解釈してください。
「HyperText(ハイパーテキスト)」はIT用語の「ハイパーテキスト」です。
ちょっと意訳ですが「ホームページのファイル」だと思ってください。
「mark(マーク)」の意味は「印」とかです。
「up(アップ)」の意味は「上へ」とかです。
「mark up(マーク・アップ)」で「印をつける」的な意味になります。
「language(ランゲージ)」の意味は「言語」とか「言葉」とかです。
何となく くっつけると

拡張できるホームページのファイル用の印を付ける言語

となります。




書籍画像
わわわ説明術コラム
宣伝だよ
「分かった!」と思わせる説明の技術 知識ゼロの相手にも伝わるようになる本【Audible】
インフルエンサー六法 活動開始から情報発信、収益化までに潜むトラブル対策50
エンジニアのための生成AI入門 はじめての生成AIアプリ開発からエージェント開発まで