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

XHTML

pointこの用語のポイント

pointマークアップ言語だよ

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

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

point「eXtensible HyperText Markup Language」の略だよ

スポンサーリンク

簡単に書くよ

XHTML(読:エックスエィチティーエムエル)とは

XML(ファイルの書き方ルールのひとつ)っぽいHTML(ホームページのファイルの書き方ルール)の親戚。
もう少し具体的に書くと

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

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


image piyo

詳しく書くよ

順番に見ていきましょう。
まずは予備知識として

マークアップ言語
HTML
XML


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

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

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

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

と書いたとします。

XHTML

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

XHTML2

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

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

と書き換えました。

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

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

このような

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

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

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

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

と解釈してください。

XHTML3

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準拠にしたやつ

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

XHTML4

ちなみに「eXtensible HyperText Markup Language(エクステンシブル・ハイパーテキスト・マークアップ・ランゲージ)」の略で「XHTML」ね。
気が向いたら、覚えてあげてください。

XHTML5

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

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

一言でまとめるよ

まぁ「XHTML」って単語が出てきたら「XML(ファイルの書き方ルールのひとつ)っぽいHTML(ホームページのファイルの書き方ルール)なんだな~」と お考えください。

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

おまけ

■訳してみるよ

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

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

となります。


■検索してみる?




書籍画像
わわわ説明術コラム
宣伝だよ
「分かった!」と思わせる説明の技術 知識ゼロの相手にも伝わるようになる本
わかばちゃんとつくって、壊して、直して学ぶ NewSQL入門
ソフトウェア開発現場の「失敗」集めてみた。 42の失敗事例で学ぶチーム開発のうまい進めかた