ここで提供しているhtmlは、W3Cで公開しているDTDに準拠バリデーション済みのhtmlファイルとCSSファイルのセットです。
テンプレートや、基本デザインパターンが簡単に出来ることを祈って、配布しています。
DOCTYPE に、極力従っています。(したががっているつもりでおります。誤りがあれば、ご指摘ください。)
以下の内容でチェックしていますが、間違いもあると思います。オウンリスクでご試用して頂ける人だけご利用ください。
それぞれのDTDなどへのリンクは、Another HTML-lint gatewayのヴァージョンの項目が便利です。
html-lint。
チェック済みです。但し、非推奨タグであっても使用できるタグは使っているので、その分減点になります。非推奨タグは、赤文字で表示しています。
W3Cによる、htmlヴァリデーションサービス。
チェック済みです。全てのバージョンで通過しています。
dreamweaver8 によるヴァリデーションチェック結果を、ダウンロードファイルに添付しています。
th内での、abbr アトリビュートの仕様に警告が出たり、div内での、ins del タグの使用に、警告が出ていますが、どう解釈すればいいのか、困っています。それらについては、ご自分の判断でお使いください。
dreamweaver8 によるターゲットブラウザチェック
結果を、ダウンロードファイルに添付しています
DTDで許可されているタグを使っても、ブラウザは、そのようなタグやアトリビュートを全て解釈できるとは限りません。dreamweaverが出力したものを、添付いたします。
W3Cによる、CSSバリデーションサービス
クリアしていません。必要な部分は修正してください。
スタイルシートは、Appendix A: A sample style sheet for HTML 4.0をベースにして、3カラム用に必要な、id class を指定しています。
ダウンロード素材の特徴や使い方について
- 準備
- 必要な文書型のファイルをダウンロードします。
- zip形式のファイルを解凍して、表示します。
- このファイルの特徴
- このhtmlファイルには、それぞれのドキュメントタイプで使用可能なタグが一通り記述してあります。
- それぞれのDTDで、許可されていれば、非推奨タグも記述してあります。
- CSSも、タグごとの指定も可能なように、作成してあります。
- htmlは、3カラムのレイアウトで記述されています。フロートです。ただし、右カラムは、CSSで非表示に設定してあります。
- 使い方
-
ホームページは、レイアウト先行型のドキュメントと言っていいと思います。(例外はあると思いますが、一般的に)htmlファイル全体では、カラムの指定などが、上手くいっているかどうかが、チェックされます。
このページは、ある一定のページパターンの中での、コンテンツパターンを決めるために、作成しました。例えば、ボタンや、見出しを、画像で、管理する場合には、それらのリストを、用意しておくと思いますが、それの、テキスト版のパターンを念頭においておりました。
そのような事から、フォームやテーブル、見出しや段落が一通り記述済みです。
基本フォントの、指定や、テーブルの見栄え、見出しの体裁など、基本的な、表示パターンを検討する事が出来ると思います。
とはいっても、ただの単純なhtmlファイルです。何がしかの用途は、ご自身でお考えください。 - 簡単なものであれば、サンプルのタグを消去して、ページを作る事が出来ます。
- ご参考まで
- ページの色使い検討のために、配色と3カラムレイアウトを用意しました。ご利用いただければ幸いです。