ｃｓｓ と JavaScript　　　　　　　　　　　　　　　　　　　　　　　　　　　　　

　当ＨＰ「私的数学塾」を立ち上げたのが、平成１２年８月１０日なので、今日（平成２３年８月
１６日）で、４０２３日目。１１年余りになる。当初は、ホームページ作成のソフト（雑誌の付録）
を使ってアップしていたが、いろいろと手順の煩わしさがあり、しばらくして、Ｈｏｍｅｐａｇｅ
Ｂｕｉｌｄｅｒ　ｖｅｒ．６　に乗り換え、今日に至っている。

　Ｈｏｍｅｐａｇｅ　Ｂｕｉｌｄｅｒ は日本のJustsystem の販売になり、ｖｅｒ．１５までいっているよう
だが、使い勝手の軽快さ、ファイル読み込みの俊敏さから、ずっと、ｖｅｒ．６ を愛用している。

　その間、ＨＴＭＬの世界も進歩したようで、現在の主流は、「ＨＴＭＬ４．０１」であろうか。ま
た、ＨＴＭＬの世界では、文書そのものとその装飾を別々に記述する流れになってきている。

　このＨＰを記述しているＨＴＭＬのいろいろなタグも、新しいＨＴＭＬのルールでは「非推奨」
となり、将来的に見映えが変わってくるかもしれない。

　このページでは上記のことを意識しつつ、「ｃｓｓ」と「ＪａvaＳｃｒｉｐｔ」についてまとめようと思う。

　「ＨＴＭＬ４．０１」には、３つの規格

　　　Ｓｔｒｉｃｔ　　　Ｔｒａｎｓｉｔｉｏｎａｌ　　　Ｆｒａｍｅｓｅｔ

がある。「Ｓｔｒｉｃｔ」は、「ＨＴＭＬ４．０１」本来の規格で、「Ｔｒａｎｓｉｔｉｏｎａｌ」は、従来のＨＴＭＬを
引き継ぎたい場合に用いられる。「Ｆｒａｍｅｓｅｔ」はフレーム機能を使いたい場合に用いる。

　当ＨＰは、古いタグもＯＫという、「Ｔｒａｎｓｉｔｉｏｎａｌ」の規格で作られている。

　ＨＴＭＬ文書では、冒頭に、どの規格で記述するのかを明示する文書型宣言を行う。

「Ｓｔｒｉｃｔ」規格では、次のような宣言となる。

　上記で、

　　　"-//W3C//DTD HTML 4.01//EN"の部分を公開識別子

　　　"http://www.w3.org/TR/html4/strict.dtd"の部分をシステム識別子

と呼ぶ。システム識別子は省略可能である。

　また、「ＡＡＡ」は、言語属性で、日本語を使う場合は、「ｊａ」が入る。

　「ＢＢＢ」は、そのＨＴＭＬ文書のタイトルが入る。ブラウザ上に表示される。

　「ＣＣＣ」は、本文である。

「Ｔｒａｎｓｉｔｉｏｎａｌ」規格では、次のような宣言となる。

　「Ｓｔｒｉｃｔ」規格ではシステム識別子は省略可能であったが、「Ｔｒａｎｓｉｔｉｏｎａｌ」規格で省略す
ると、ブラウザの表示は、互換モードとなる。

　当ＨＰでは、システム識別子を省略しているので、読者の方には互換モードで閲覧してい
ただいていることになる。見え方に多少不具合が発生するかもしれない。

　上記に見える「Ｗ３Ｃ」は、ｗｗｗ上の技術の標準化を推進する団体で、ＭＩＴやＣＥＲＮが
中心となって設立された。日本では慶應義塾大学のＳＦＣが運営に携わっているという。

　ＨＴＭＬの規格を決める機関「Ｗ３Ｃ」では、

　　文書の見出しや段落など、論理的な構造に関わる指定は、ＨＴＭＬに

　　色やフォントなどのデザインやレイアウトに関わる指定は、ｃｓｓ に

という方針を、平成８年に打ち出しました。（ｃｓｓ は、 Ｃａｓｃａｄｉｎｇ　Ｓｔｙｌｅ　Ｓｈｅｅｔ　の略）

　ｃｓｓ を設定する場合、　「　プロパティ ： 値 ；　」と記述するのが基本である。

例　文字の色を赤にしたい場合、　＜h4 style=”color：#ff0000；”＞文字＜/h4＞
　と記述すればよい。タグの範囲が、ｃｓｓの有効範囲となる。

　上記で、「＃」は１６進コードを表し２桁ずつ Ｒ（赤）、Ｇ（緑）、Ｂ（青）の光の強さを示す。

　ｃｓｓ を設定する場所は、３通りある。



　　　以下、工事中