AKAGI氏がカリカリとWebページを作成しているのに影響されて、久しぶりにHTMLを書いてみた。
HTML5はまだ時期尚早なのでXHTMLです。
元ネタと言うか、デザインの参考にしたのは
このサイト。
また、デザイン以外に「DivDiv地獄」を克服することにも挑戦しました。
現行のページだとdivコンテナの中にdivヘッダーとdivメインが居て、divメインの中にdivテキストとdivテーブルがいて、divテーブルの中にdiv1行目からdiv3行目が居てdiv1行目の中に・・・と正直、タグの入れ子が偉いことになっていたものをどうやってクリアするかもチャレンジ。
最終的に上画像のdivは2つしか使用せずに書かれており、入れ子構造もbody以下2階層までに留めることが出来てます。(現行Indexだと4階層か5階層)
他のページとの兼ね合い(リンクとか共用CSSとか)の関係もあるので、ある程度整合性がついてから差し替えたい感じ。