ここで学習するエレメント
Hnエレメント、EMエレメント、STRONGエレメント
では、続いて「見出し」をつけてみましょう。
ＨＴＭＬ文書を以下のように修正してみましょう。
ブラウザで参照すると、以下のように表示されます。
ＨＴＭＬ研修
インターネット
これは、Hnエレメントによって文字が修飾された結果です。
<Hn>タグで挟まれた文字は、太字になり、前後1行が空白行になります。
また、<Hn>タグの「n」の部分は、1〜6の数字が入ります。
これは、文字の大きさを現すオプションで、「1」が最大、「6」が最小になります。
しかし、これはIEやNavigatorでの表示するときのルールであり、全てのブラウザで「文字が大きくなり、太字、前後1行が空白行」で表示される訳ではありません。文字サイズを大きくしたいのであれば、FONTエレメントを使いましょう。
では、Hnエレメントとは、何なのでしょうか？
「見出し」です。他の文章と見出しを区別するために使います。文書の一番最初のタイトルは<H1>で表記します。次の見出しは、<H2>になります。ですから、H2やH3を飛ばしてH4が現れるのは、文書の論理構造上おかしい使い方なのです。
文章中、強調したい語句がある場合、EMエレメントやSTRONGエレメントを使って強調します。<EM>は、強調、<STRONG>は、最強調を意味します。
は、以下のように表示されます。
ＨＴＭＬ研修
インターネット
強調したい
もっと強調したい
これで分かるように、強調は斜体で、最強調は太字で表現されます。
だからと言って、斜体にするのは<EM>で、太字は<STRONG>と理解するのは間違いです。この辺りの詳しい話は次項でやります。