HTML＆CSS 汎用テンプレート
ウェブ標準準拠・アクセシビリティ配慮・SEO施行・HTML＋CSSの汎用的に使えるテンプレートを公開します。（ソース表示後、コピー＆貼り付けして、お使いください。）
2カラム
メイン左サブ右 幅770px固定
メインカラムを左・サブカラムを右に配置し、幅を770px固定としたテンプレートです。詳細は下記を参照してください。（画像をクリックするとテンプレートサンプルが表示されます。）
- 全体770px
- メイン540px＋サブ200px
- DTD
- XHTML 1.0 Transitional
- charset
- shift_jis
メイン右サブ左 幅770px固定
メインカラムを右・サブカラムを左に配置し、幅を770px固定としたテンプレートです。詳細は下記を参照してください。（画像をクリックするとテンプレートサンプルが表示されます。）
- 全体770px
- メイン540px＋サブ200px
- DTD
- XHTML 1.0 Transitional
- charset
- shift_jis
メイン左サブ右 幅可変
メインカラムを左・サブカラムを右に配置し、幅を可変としたテンプレートです。詳細は下記を参照してください。（画像をクリックするとテンプレートサンプルが表示されます。）
- 全体100％
- メイン可変＋サブ200px
- DTD
- XHTML 1.0 Transitional
- charset
- shift_jis
メイン右サブ左 幅可変
メインカラムを右・サブカラムを左に配置し、幅を可変としたテンプレートです。詳細は下記を参照してください。（画像をクリックするとテンプレートサンプルが表示されます。）
- 全体100％
- メイン可変＋サブ200px
- DTD
- XHTML 1.0 Transitional
- charset
- shift_jis
3カラム
メイン中央サブ左右 幅770px固定
メインカラムを中央・サブカラムを左右に配置し、幅を770px固定としたテンプレートです。詳細は下記を参照してください。（画像をクリックするとテンプレートサンプルが表示されます。）
- 全体770px
- メイン410px＋サブ160px
- DTD
- XHTML 1.0 Transitional
- charset
- shift_jis
メイン中央サブ左右 幅950px固定
メインカラムを中央・サブカラムを左右に配置し、幅を950px固定としたテンプレートです。詳細は下記を参照してください。（画像をクリックするとテンプレートサンプルが表示されます。）
- 全体950px
- メイン540px＋サブ185px
- DTD
- XHTML 1.0 Transitional
- charset
- shift_jis
メイン中央サブ左右 幅可変
メインカラムを中央・サブカラムを左右に配置し、幅を可変としたテンプレートです。詳細は下記を参照してください。（画像をクリックするとテンプレートサンプルが表示されます。）
- 全体950px
- メイン可変＋サブ200px
- DTD
- XHTML 1.0 Transitional
- charset
- shift_jis
メイン左サブ右×2 幅950px固定
メインカラムを左・サブカラム×2を右に配置し、幅を950px固定としたテンプレートです。詳細は下記を参照してください。（画像をクリックするとテンプレートサンプルが表示されます。）
- 全体950px
- メイン540px＋サブ185px
- DTD
- XHTML 1.0 Transitional
- charset
- shift_jis
HTML5＆CSS3 サンプル
新規格となるHTML5＆CSS3について勉強し、実践として作ったページをサンプルとして公開します。