KAWANO's PukiWiki Plus! - ここまでのまとめ

ここまでのまとめ

情報のかたちのデザイン

前回まで実習してきた、 「HTML」とは、何だったでしょうか？

「h1」や「p」などのタグを使うことで、 「見出し」や「段落」といった、 文書の「構造」や「意味」という構成要素の意味・役割を示す、 つまり「情報のかたち」を表現するための、道具でした。

しかし、HTMLは、 具体的にどのように画面に表示するかを指定せず、 実際の表示のしかたは、 ブラウザに任されていました。

注意

本当に、ブラウザによって表示の仕方が違うかどうか、 このページを異なるブラウザで見て、確かめてみましょう。

情報のかたちを視覚化する

たしかに、HTMLにも、 色や大きさなどの表現を指定する方法があります。

しかし、これらは、 そのページごと、その指定部分ごとに、設定をする必要があり、 複数の文書で統一した設定を利用するには、 手間がかかります。 また、作者の思ったとおりの表現を、 ブラウザがしない場合もあります。

そこで、情報のかたちである、 それぞれの構成要素に対して具体的にどう表現するかを指定します。 これを、 「スタイルシート」といいます。 スタイルシートの良い点は、次のとおりです。

• 統一性・一貫性
  • 複数の文書全体に統一したデザインを適用できる
• メンテナンス性
  • HTMLとスタイルシートを分けることで、構造と表現を分けて設定できる
  • 出力するメディアごとにスタイルを設定できる
• 表現性
  • HTMLの限られた表現機能では不可能な、多彩な表現が可能
  • 作者の意図したとおりの表現を指定できる

次へ進んでください。