W3Cの評価ツールでCSSがValidであるかをチェックする at MOVABLE PRESS

2010年8月
日	月	火	水	木	金	土
« 11月
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30	31

[PROCESS2] [LEVEL2]
HTMLの場合と同様に、フッター部にWorld Wide Webの標準化推進団体W3Cの評価サービスのバナーを設置し、ページ編集のたびにこのサイトのCSS（カスケーディング・スタイル・シート）がValidかどうかチェックするようにしています。このブログサイトではW3Cにおいて勧告されているCSS2.1に沿うように努めています。

W3C CSS Validation Service

下のリンク先ページでCSSがW3Cの勧告に沿っているかどうかチェックできます。ただし、HTML同様、このサービスで妥当と評価されたとしてもCSSのすべてが正しいということではありません。

CSS Validation Service: http://validator.w3.org/

※スタイルシートに加えたプロパティやその値がブラウザ上に反映されていない場合など、文法に瑕疵があるのか、それとも他の原因によるものなのかを見極めることができるので、利用価値は充分にあると思います。

構造（マークアップ言語）と体裁（スタイル）の分離

W3Cでは、HTMLのタグの中に色や配置の指定といった体裁を整えるための要素や属性を含めずに、そういった見栄えに関するデータはスタイルシート言語で表現することを推奨しています。そうすることによってHTMLに記述されたタグからメディア固有のデータを取り除くことができるため、他のアプリケーションと送受信する際にもアクセシヴィリティの向上につながり、htmlデータの多用途化を促します。こうした勧告の趣旨は携帯やメールでもhtmlデータを利用している昨今では容易に想像できるところです（この点、W3Cの言うアクセシビリティをネットとの接続に要する時間と関わらせて解釈するのは誤りです）。

スタイルシート言語に求められるもの

ネット（主にブログ）を徘徊していると、今やWEBページ制作を生業としていない人でもCSSを当たり前のように使いこなしているのをよく見かけます（逆に、ここ大丈夫かな？と思わせるような法人サイトもかなり多いですが･･･）。これは、個々の要素特有のデザインからページ全体に共通なデザインまで簡素な言語で一意的にコントロールできるといったCSSの利便性による傾向だと言えます。

その意味でW3Cの推奨は一見狙いどおりなのですが、一方で背景デザインのために本来は必要のない囲いタグを設置していたり、class指定を多発しているのならば、何のために構造と体裁を分離したのか分からなくなります（と言っている私のやっていることがまさにこの通りです…汗）。その昔、<table>タグの中に<table>タグを入れてさらにその中のセルに透明のspacer.gifを入れて空白を表現していた時代がありましたが、やっていることはそれと変わらずということになりますね。

それゆえ記述する側（私？…汗）にもポリシーが要求されるのでしょうが、さりとてデザインはページの印象に直結するものですから二義的なものとして押しやるわけにはいきません。まだまだCSS自体も進展し、あるいは他の言語（JavaScriptあたり？）と融合しつつ多様な表現ができるようになって欲しいところです。