HTMLとは

html

HTMLはウェブページの記述に使用する言語で「Hyper Text Markup Language」の頭文字を取ってHTMLと名づけられました。 直訳すると「ハイパーテキストをマークアップする言語」です。
ハイパーテキストとマークアップについて学び、HTMLとは何かを理解しましょう。

ハイパーテキストとは

ハイパーテキストとは、複数のテキストを相互に関連付け(リンク)ができるテキストの事です。例えばウェブページのリンクを押せば、リンク先のサイトに飛ぶことができますよね。これはただのテキスト(紙文書)ではできません。

ハイパーテキストにおけるリンクをハイパーリンクといいます。 HTML文書はハイパーリンクによって、文書内に他の文書へのリンク・画像・動画などの埋め込みを実現しています。
例えば下のGoogleへのリンクと画像の表示はどちらもハイパーリンクによって実現しています。

ハイパーテキストは「テキスト超えるテキスト」と言う意味で名付けられました。 今日のウェブは、ネットに繋げばクリック一つで世界中の物事を調べられます。 まさにハイパーなテキストと言う訳です。

マークアップとは

マークアップとはテキストがどのような役割なのか目印を付ける事です。 ここは見出しここは段落といった具合に目印を付ける事で、テキストの役割を示します。

例えば履歴書は名前欄・住所欄・資格欄といった具合に、その部分の役割が示されていますよね。 丁度あんな感じでコンピュータに対して文章の役割を示すのがマークアップです。

HTMLにおいては文章を「タグ」付けする事によってマークアップを実現します。 我輩は猫であるの一節をマークアップした場合、こんな感じになります。

我輩は猫である
我輩は猫である。名前はまだない。
<h1>我輩は猫である</h1>
<p>我輩は猫である。名前はまだない。</p>

コンピュータにとってマークアップ前の文章は文字の羅列に過ぎません。見出しなのか段落なのかリンクなのか画像なのかも判断できない状態です。
しかしタグによって<h1>~</h1>が「見出し(題名)」、<p>~</p>が「段落(文章)」といった具合に内容が判断できるようになる訳です。

HTMLとは

HTMLは「Hyper Text Markup Language」つまり「テキストをマークアップしてハイパーテキストにする言語」です。 つまり通常のテキストをハイパーテキスト仕様に書き換えて、コンピュータに対して文章の役割を示すための言語です。

また重要な特性として、環境を問わず利用出来る文書形式である事が挙げられます。 ウェブサイトはサイトごとに多様なレイアウトをしていますが、HTMLの構造は本質的に変わっていません。 レイアウトや表現はCSS(スタイルシート)という言語で表現し、レイアウトを変えたいときはCSSのみを変更します。CSSを変更すれば見た目はまるで違うサイトに変わりますが、HTML文書は何も変わらないのです。 (実際のところはレイアウトにHTMLが引きずられる事は多々あるんですけどね・・・)

HTMLはコンピュータが文書構造を示すための言語です。 レイアウトに引きずられる事なく、正しいマークアップを心がけましょう。

HTMLはマークアップ言語であり、プログラム言語ではない

マークアップ言語はプログラム言語とは別物です。 プログラム言語とは「順次・選択・繰返し」によってデータを処理するもので、マークアップ言語にそのような機能はありません。なのでHTMLマークアップをコーディングとは言いますが、プログラミングとは言わなかったりします。

アマルウェブ HOME