HTMLとは【Webディレクターなら知っておきたい基礎用語】

ディレクターなら覚えておきたい基礎知識

マークアップ言語の一つであるHTML。

Webディレクター自身がかけなくても必ず理解していなくてはいけない言語と言えます。

私自身もHTMLとCSSは自分で記述し、一人でサイト制作が行える程度の技術までは一通り習得しました。（10年以上前の話でHTML4やXHTMLが主流の時代の話ですが・・・）

現在ではさらに進化しHTML5が主流となり、HTMLで実現できる範囲も以前に比べるとだいぶ広がっていることは間違いはありませんが、それでもHTMLの理屈を理解していることによってコーダーとのコミュニケーションや品質チェックなどの工程で大変助かっています。

ここではHTMLって何？というWebディレクター初心者の方に、どんな言語なのかを解説していきたいと思います。

1. HTMLとは？
2. 現在のHTMLの主流はHTML5
3. 自分で手を動かしてHTML5を理解してみよう

HTMLとは？

HTMLとはウェブページを作成するために開発されたマークアップ言語のことで、Hyper Text Markup Languageの頭文字をとりHTMLと呼ばれています。

Markupとは目印をつけるという意味があり、Hyper Text Markup Languageとは、ハイパーテキストに目印をつける言語という意味になります。

目印をつけるとは文章中の要素を明確に示すことを意味していて、文章は基本的に「タイトル」「見出し」「段落」などの要素から成立していますが、コンピューターはこの構造を判断できないため、文章にこれはタイトルです、ここは段落ですなどの目印をつけてあげることでコンピューターに文章構造を理解できるようにさせています。

このように、どの文がどの要素にあたるのかを明確に示して文章構造を定義づけることがマークアップに当たります。

タグと呼ばれる目印を付けることで言葉やテキストに意味を持たせています

【タグと呼ばれる目印を付けることで言葉やテキストに意味を持たせています】
<title>●●●●●</title>→●●●●●がタイトルですよ～
<h1>▲▲▲▲</h1>→▲▲▲▲は見出しですよ～
<p>■■■■■</p>→■■■■■は段落ですよ～

次にハイパーテキストについて、ハイパーテキストとはハイパーリンクというクリックすると別のページに行けるリンクを挿入できる高機能なテキストのことを指します。

ハイパーリンクは別ページへのリンク先以外にも、画像や動画、音声などの様々なデータファイルもテキスト内に埋め込むことができ、色々な情報を表示することができるので、ただのテキストではなくハイパーなテキストと呼ばれています。

このようにHTMLを使うことによってコンピューターは豊富な情報を理解できるようになり、人間に読める形でウェブページを表示してくれます。HTMLの身近な使用例ではウェブサイトや HTML形式の電子メール、スマホアプリなどがあり、文字だけでなく画像が表示されていたり、リンクが貼られていてメールから直接ウェブサイトへ移動できるようになっていたりするメールは、HTMLで作られていて、一般的なメールよりも目立つように作れるので、販促や宣伝など、商用メールとして利用されていますね。