見出しと段落
HTML4.0以降のW3C仕様書では、文章構造とデザインの分離が唄われ、HTMLには、文章構造のみ記述し、デザイン装飾部分は、
CSSに記述するよう、推奨されています。
ココでは、その骨格である見出しと段落の記述方法について、簡単に解説します。
見出し
見出しは、<h1>から<h6>で表現します。
この見出しの意味は、文章の重要度を意味するものであり、文字の大きさを意味するものではありません。
このことを、知らない人は、文字の大きさを変えるために、この見出し要素を使用していますが、これは間違いです。
便宜上視覚的に、ブラウザがそのようになっているだけであり、その文章の趣旨をすべての閲覧者に伝える事ができません。
ココで注意が必要な事は、
- 見出し要素<h1>は、1文章内において、1度しか使用できない。
- 段落グループ内において、<h2>から<h6>は、順に記述する。
- このことから、<h2>の次に<h4>が出現することはない、またその逆もない！
段落
段落は、見出しについての詳細を、記述する部分です。
この中には、リスト項目、強調、さらに強調、改行、画像などを記述して、文章内容が、理解できるようにします。
グループ化
見出しと段落のまとまりを、一つのグループとして扱う事もできます。この場合<DIV>要素を使用します。
<h1>大見出し</h1>
<p>大見出し説明・段落</p>
<h2>中見出し</h2>
<p>中見出し説明・段落</p>
<DIV>
<h3>中見出し</h3>
<p>見出し説明・段落</p>
<h3>中見出し</h3>
<p>見出し説明・段落</p>
</DIV>
考え方
HTMLは、見出しと段落から構成されている、このことをさらに理解しやすくするためには、新聞を思い浮かべて 見れば、簡単に理解できる。 1面記事に目を引く大きな見出し、そしてその内容を詳しく記述した段落・・・
ここまでくればHTMLの意味が、理解できるのではないだろうか？・・・
すべてのオペレーションシステム、機種、閲覧環境に対応するためには、文章を視覚デザインで表現するのではなく、
文章構造で表現しなければ、その意を伝える事ができないのです。