トップページをリサイクルしてみた。(ReDesignとも言う?)
これまでトップページはテーブルレイアウト+CSS制御だったのだが、見た目を変えずに全てCSSレイアウトで制御してみた。(一部 table を使っているが th td 構造なので妥当なテーブル要素の使い方だと思う)
「Transitional/loose.dtd」で宣言しているので厳格なものではないが、それでも align=center 属性などは一切使用していない。
CSSなら [ margin: 0 auto; ] だ。
※ブロック要素に対して text-align:center にしているのを見かけるがこれは間違いである。尚、IE5.5ではこれを解釈できないため中央配置にならないので左揃え配置になる。
左側のスクールメニューを ul li 要素で構造化するべきか、dl dt dd とするべきか、ちょっと迷ってしまった。
単にCSS制御するだけでなくHTML本来のの文書構造化を図るなら、これは重要なマークアップである。
と言いつつも、、、当サイトはテーブルレイアウトのページが大半であるし、文書構造を考えずに作成したものばかりである。
恥ずかしい限りだが、Recycleを進めていこうと思う…。