いまさら聞けない“Web標準”、そしてXHTML＋CSS：いまさら聞けないリッチクライアント技術（4）（3/3 ページ）

[江原顕雄，＠IT]

デザイン担当のCSSって何もの？

　では、デザイン担当のCSSについて見てみましょう。CSSは「Cascading Style Sheets」の略で、直訳すると、「カスケード処理するスタイルシート」という意味になりますが、これでは意味が分かりませんね（笑）。

　「カスケード処理」とは、Webブラウザ、Web制作者、ユーザーが指定してくるスタイルシートの、どれを優先するのかを決めることをいいます。「スタイルシート」とはフォントの大きさや色、行間などをまとめた「デザインのひな型」です。

　CSSはデザインを表現するもので、テキスト文章で記述します。基本的な記述は

セレクタ{ プロパティ:値 }

　で記述します。セレクタとは、見出しや本文、引用といったスタイルを適用させる対象です。例えば、見出し（<h1>）を青い文字で指定した場合は、

h1{ color:blue }

　と記述します。HTMLのみのデザインだと、文字の大きさや色、背景色などいちいち修正しなければなりませんでした。しかし、CSSを使えば、デザインのリニューアル時にCSSのデータだけをいじればいいので、使い勝手がとても良いものとなっています。

図6　CSSを使えばサイトのリニューアルが簡単

もっとXHTMLとCSSに注目してあげよう！

　今回もかなり駆け足で、Web標準……、XHTMLとCSSの関係について見てみました。いかがでしたでしょうか？ Web標準が目指すものは「Webアクセシビリティ」です。そして、それを支える技術がXHTMLとCSSなのです。

　昔はWeb制作といったら、HTMLのタグをちまちまと手打ちでタイプして、FTPでWebにHTML文章を上げる方法が主流でした。Webサイトを作りたい人は嫌でもHTMLを覚えなければなりませんでしたが、いまはブログシステムのおかげで、HTMLの知識がなくても簡単にインターネット上にWebサイトが持てます。しかし、このブログシステムも基本となる技術は「HTMLとCSS」ですし、最初に述べたように、Ajaxとも深いつながりがあります。

　HTMLほど目立っていませんが、XHTMLとCSSは日々活躍をしているのです。この記事をきっかけになかなか目に入らないXHTMLとCSSについて、もっと目を向けてみましょう。

今回の3行まとめ

• Web標準の目指すところは「Webアクセシビリティ」
• 文章構造をHTML／XHTMLが、デザインはCSSが担当
• HTMLをXMLで再定義したものがXHTML

「次回」へ

「いまさら聞けないリッチクライアント技術」バックナンバー

• 開発現場のUIトラブルを解決!? 画面プロトタイプ入門
• いまさら聞けない「Curl」入門（お菓子じゃない方）
• いまさら聞けない「オフラインWeb」入門──オフラインでも使えます
• いまさら聞けない「SEO」入門──検索結果の最適化
• いまさら聞けない「Webブラウザ」超入門　後編
• いまさら聞けない「Webブラウザ」超入門
• いまさら聞けない「マッシュアップ」超入門
• いまさら聞けないSVG、なぜ知られていないのか？
• いまさら聞けないActiveX＆デジタル証明書入門
• いまさら聞けないウィジェット／ガジェットで気分転換
• “リッチクライアント”に至るまでの軌跡と現在（いま）
• いまさら聞けない！ FlashとActionScriptについて
• いまさら聞けない“Web標準”、そしてXHTML＋CSS
• いまさら聞けない、“Ajax”とは何なのか？
• いまさら聞けないJavaScript入門
• いまさら聞けないWeb2.0時代のXML入門