| CSSというのは、カスケーディングスタイルシート(Cascading Style Sheet))の頭文字をとったものです。 近年、ホームページはより多彩で、より華やかな効果を持ったデザインが要求されるようになり、それに対応すべく、htmlコードも複雑化の一途をたどってきました。 しかし、その裏では、 「コードを一見しただけでは、もはや何が行われているのかよく分からない」 という状況も露呈してきたのです。すなわち、ホームページ開発者の危機感がその裏にはありました。 そこで、この状況に歯止めをかけるべく、特別機関が設置され、研究が進められたのです。すなわち、「W3C」の発足でした。 そこで策定されたのが、それまでホームページを表示するために使われてきたhtmlを、２つに分離しよう、というものでした。 その２つとは、すなわち、「内容」と、「デザイン」です。 つまり、それまでのhtmlコードは、内容を書きつつも、ページレイアウトなどの情報も一緒くたに扱っていました。 しかし、このレイアウトやデザインを別にまとめてしまい、ページを表示させるときにそれを読み込むようにしてしまえば、残ったコードは単純なものになるということを思いついたわけです。 この、デザインだけをまとめたものを、ＣＳＳと言うのです。 具体的なＣＳＳのコードについては、それ専門のページや書籍がありますので、それに譲りたいと思いますが、ここでは、どんなことができるのか、だけを書きたいと思います。 例えば、htmlコードにはというタグがありますよね？ これは、普通に考えれば、改行を示すhtmlコードです。 しかし、ＣＳＳを使えば、理論的には、このタグだけを使って、ありとあらゆるタイプのページデザインをすることが可能です。 もちろん、段組みも、表作成も、グラフィックの貼り付けも、だけでできます。 もちろん、これは極端に書いています。それでも、ちょっと想像がつくでしょうか？ 例えば、このようなページが作れたとしたら、そのコードはとてもシンプルなものになるのは簡単に想像つくと思います。 このＣＳＳによるメリットは多岐にわたります。まずは、先ほどのＳＥＯ対策に効果を発揮することです。サーチエンジンのロボットは、よりきれいで単純なコードを好みます。ＣＳＳを使うことによって、訪問者に見てもらいたい肝心の情報がデザインよりも先に読み込まれるようになります。よく、重い画像がある場合、その画像が表示し終わるまでそれ以降の情報が表示されない、というような状況を見かけますが、そういうことがなくなるわけです。ページデザインを切り分けておくということは、デザインを変えたくなったら、ｈｔｍｌコードに手をつける必要がないということでもあります。これは、サイトリニューアルに際して、非常に効果を発揮します。 |