スタイルシートの指定

―別ファイルにするのが当然―

HTML文書にスタイルシートを関連付けるには基本的に3つの方法がある。

• LINKエレメントで外部のスタイルシートのファイル名を指定する

  <link rel="STYLESHEET" type="text/css" href="foo.css" title="foo">
  

• STYLEエレメント中にスタイルを記述する

  <style type="text/css">
  <!--
      h1 { color: blue }
  -->
  </style>
  

• 各エレメントのSTYLEアトリビュートで直接その場で指定する

  <h4 style="text-align: center;">
  

スタイルシートの目的を考えれば1番めの方法が望ましいことはわかるだろう。 2番めや3番めの方法では、互換性のない物理タグを新たに増やしているようなものだ。 他のHTML文書と互換性がなくなるばかりか、3番めの方法においては、1つの文書内に おいても逐次「見栄え」を直接指定しているようなもので、合理的ではない。