記事本文を飾り付けてみよう「（コラム）CSS超入門はじめる前に」

今まで、html、wikiとご説明してきましたが、次回よりCSSの説明に入りたいと思っています。
ここで、少し整理をしておきたいと思います。

まず、これらが一体何なのか？という話です。

皆さんがインターネットをする時に見ているホームページやブログは「html」という言語で書かれています。（正確には違うページなどもありますが、大まかにはそう言えます。）
なので、このhtmlがあくまでも基本だと思ってください。
ちなみに、これまで説明してきたhtml文法はその中でも文字などを飾りつける機能の一部分です。

それでは、「wiki」とは一体何なのでしょうか？

wikiとは、文法が複雑なhtmlを簡単にする為のものだと考えてください。（本当は違うのですが、大まかにそう考えておいてください。）

例えば、文字を太字にする場合

＜htmlの場合＞
<b>太字にする</b>

＜wikiの場合＞
'''太字にする'''

という風になります。どちらが便利で使いやすいか？というのは議論が分かれる部分ですが、わざわざhtmlタグを打つよりもwikiを使った方が簡単になる部分もやはりあると思います。

Yahoo!blogがなぜwikiを採用したかは分かりませんが、初心者を重視するYahoo!にとってhtmlよりもwikiの方が分かりやすいと判断したのかもしれませんね。

ここで、皆さんに知っていて頂きたいのは、実はwikiも裏ではhtmlに変換されているということです。
文法的には違って見えますが、上の場合もwikiで入力した文法はhtmlに変換されて、皆さんが見るページになっているのです。

なので、やはりhtmlが基本となる訳ですね。

さて、それでは次に出て来たCSSとなんでしょうか?
CSSとは「Cascading Style Sheets（カスケーディング スタイルシート）」の略で、一般に「スタイルシート」とも呼ばれています。この言葉も覚えておいてくださいね。

このスタイルシートはhtmlで記述した文章を細かく飾りつけするための言語なのです。

これまでもご説明したようにhtmlで文章を飾りつけすることも可能なのですが、それだといろいろと不都合なことがでてきます。（ここでは細かく説明しません。）
そこで、htmlは文章を書くものに専念させて、飾りつけを担当する言語としてスタイルシートが登場してきました。

本来、スタイルシートを利用すると様々な表現が可能になります。
しかし、Yahoo!blogの場合はwikiを利用しているので、その利用できる部分が限られています。

限られた範囲ですが、いよいよ次回からはこのスタイルシートの説明に入りたいと思います。