HTMLとCSSの関係 Movable Typeのテンプレート

Movable Typeは、HTMLとCSSに分けて作られており、テンプレートを書き換えれば、それだけで全てのページに反映するようになっています。なお、他の大多数のブログとは違い、HTML文章を作成するものであり、不要になった記事は、管理画面から削除してもサーバー上には残っていますので、FTPソフトで削除する必要があります。

HTMLは、ページの骨格を作るもの、CSSはスタイルシートといい、ページのレイアウトやデザインなどを設定するものです。CSSを設定すると、文字の色や大きさ、タグのデザインなどが指定通りに表示されます。ホームページを作るとき、ホームページビルダー等で作るときは、HTMLとCSSに分けて作る、という概念はあまりないですから、HTMLだけでページのレイアウトやデザイン、文字の表示方法などを決めていましたが、このようにHTMLとCSSに分けた方法は、現在推奨されているホームページ作成方法とされています。こういうこともあるのか、ブログとロボット型検索エンジンは相性がいいといわれるのでしょう。

H1タグについて

H1タグは、ページの題名を決めるのに使われるもので、HTMLだけで表示させると、もっとも大きいサイズで表示されます。このタグは、1ページ中1ヶ所にしか配置してはいけません。H1タグを1ページに複数配置すると、Googleからページランクを落とされます。これは、英文法上からそのような仕組みになっているものです。

Movable Typeで使われるHTMLの骨格

一つの例でいうと、デフォルトテンプレートの場合は、記事であるエントリーはentry-contentという部分に表示され、div id="entry-content" ・・・ /div となっています。これのCSSを書き換えれば、文字の大きさや色等の設定が反映されて表示されます。 他の部分も、HTMLとCSSの関係になっていますから、これらを書き換えたり、また新たな設定を加えれば、自分好みのブログにすることが可能になるわけです。 Movable Typeの本でも説明が不十分な箇所がありますから、一度テンプレートを解読してみることも大切でしょう。