このページは、楽の出来るホームページの書き方の考え方や問題点について説明したものです。
ホームページを公開していると、だんだんと分かってきますが、ブラウザによって見え方が違うことに気づくと思います。私もこれを何とかしようと、必死に試行錯誤していた人の内の一人です。いろいろな工夫をしているうちに、後から修正するのも大変な程、複雑なものになっていきました。長いこと試行錯誤して出た私の結論は、全てのブラウザで同じ見え方にするのは無理ということです。
考えてみれば、テキストだけを表示するブラウザ(lynxなど)もあるし、音声で内容を読み上げるということもあるのに、同じ見え方というのにこだわるのが無茶なことなんですね。そこで考え方を変えて、全てのブラウザで内容が読めるようにするとすれば、今までの苦労が嘘のように楽になります。
これを実現するのは簡単なことで、推奨されている規格に従うだけです。たったこれだけのことで、ブラウザごとの表示の違いを気にしなくてすんで、後からの追加、修正、デザインの変更も簡単というホームページが作れます。楽だと思いませんか？
つっこまれると困るので細かいことを言うと、ホームページという呼び方は間違いで、ウェブページ、ウェブサイトが正しいとされています。しかし、検索エンジンなどで検索するときに、どう考えてもホームページで検索することが多いだろうということで、ホームページと書いています。
ホームページは、HTML や XHTML という規格に従って書かれた HTML 文書や XHTML 文書の集まりで出来ています。この規格をまとめているのが W3C という団体です。ここではその中でも、XHTML 1.0 を説明していきます。今後、HTML から XHTML に移行していくはずなので、今のうちから XHTML を使った方が、後から直さなくて済みますから。
XHTML 1.0 にも種類がありますが、ここでは、XHTML 1.0 Strict という規格に従います。Strict にはこれから消えていく要素などが含まれないので、楽をするには一番です。
なんか難しいなと思っている人は、今のうちは気にしないでいいですよ。そんなものなんだと思っていてください。後からだんだんと分かってくると思います。
簡単にいうと、文章にタグと呼ばれる目印を使って、意味を付けていくものです。ここは見出しの部分、ここは重要な部分、ここは箇条書きの部分、というように目印を付けていくだけです。この辺りは HTML と同じなのですが、XHTML の場合は XML という規格に合わせるため、書き方が多少違う部分もあります。
XHTML では、表示の仕方を指定するために、スタイルシートというものを使います。スタイルシートを使うことで、ブラウザ等での表示の仕方を指定する事が出来ます。スタイルシートについては、「デザイン編」で説明するので詳しくは書きませんが、XHTML 1.0 では、表示の仕方の指定にはスタイルシートを使うことを覚えておいてください。
ここで説明しているホームページの書き方は、XHTML 1.0 + スタイルシートが基本になっています。この場合に問題になるのが、Internet Explorer 3.xx(以降 IE3)とNetscape Navigator 4.xx(以降 NN4)などのブラウザです。IE3 は、スタイルシートを使うことが出来るのですが、対応があまりにも中途半端です。NN4 は独自のスタイルシートの規格(JSS)を使っているため、本来は互換性がありません。一応、現在主流なっているスタイルシートを、独自のスタイルシートに変換することで対応してますが、これも中途半端なものになっています。
スタイルシートに対応していないブラウザなら、表示の仕方はブラウザの表示に任せるだけなので、味気ない表示にはなっても読めなくなることはありません。しかし、中途半端に対応しているブラウザの場合、表示がぐちゃぐちゃになり読めなくなる可能性があります。そこで、これらのブラウザに対してはスタイルシート一部のみを使う方法がいいと思います。
IE3 や NN4 で使っても問題ない範囲というと、文字の色を変える、背景色や背景の画像を変える、文字をよせる、くらいしか出来ませんが。このやり方もデザイン編の方で紹介します。
