このファイルは、ブラウザ依存のない標準的なタグによる。視覚的な表現の仕様を決定するために、作成しました。タグは、HTML 4.01 Transitionalで使用できるものを記述してあります。
W3Cのバリデーションサービスを通過しています。
Dreamweaverによる、ターゲットブラウザチェック結果
ブラウザの種類やバージョンにより、同じタグを使用しても、ディスプレイに、同等な表示が得られないことがあります。この場合は、専用のスタイルをブラウザごとに用意したり、表現を変更するなどの、措置が必要になります。
レイアウトは、3カラムレイアウトが、スタイルシートでプリセットされています。
実際のドキュメントブロックらしくセットされたサンプルスタイルを用意しました。
HTML4.0、HTML4.01 Transitional、HTML4.01 Frameset、XHTML1.0 または MSIE
HTML4.0、HTML4.01 Transitional、HTML4.01 Frameset
XHTML1.0 または MSIE
連絡先
BLOCKQUOTEあいうえおABC ABC abc abc
長い引用 短い引用:Q
ドキュメントブロック division
データリスト
フォームグループ
h1-h6
HTML4.0、HTML4.01 Transitional、HTML4.01 Frameset、XHTML1.0 または MSIE
インラインフレーム
OBJECT DATA="object.html" TYPE="text/html" WIDTH="300" HEIGHT="100"あいうえおABC ABC abc abc
オブジェクト
番号付リスト
PあいうえおABC ABC abc abc
段落
リスト
ImageChanger202.zipアプレット
非推奨タグ<div align="center" >.......</div>またはスタイルを適用
中央揃え
PREあいうえおABC ABC abc abc
OL | あいうえお | ABC | ABC | abc | abc |
OL | あいうえお | ABC | ABC | abc | abc |
---|---|---|---|---|---|
OL | あいうえお | ABC | ABC | abc | abc |
OL | あいうえお | ABC | ABC | abc | abc |
OL | あいうえお | ABC | ABC | abc | abc |
OL | あいうえお | ABC | ABC | abc | abc |
OL | あいうえお | ABC | ABC | abc | abc |
OL | あいうえお | ABC | ABC | abc | abc |
OL | あいうえお | ABC | ABC | abc | abc |
OL | あいうえお | ABC | ABC | abc | abc |
OL | あいうえお | ABC | ABC | abc | abc |
OL | あいうえお | ABC | ABC | abc | abc |
OL | あいうえお | ABC | ABC | abc | abc |
OL | あいうえお | ABC | ABC | abc | abc |
非推奨タグ 代替:<UL>.......</UL>
HTML1.0、HTML2.0、HTML2.x、HTML+、HTML3.0、HTML3.2、HTML4.0、HTML4.01 Transitional、HTML4.01 Frameset、XHTML1.0、Mozilla、MSIE、WebExplorer、Compact HTML、iMode dotiタグ
非推奨タグ 代替:<UL>.......</UL>
HTML1.0、HTML2.0、HTML2.x、HTML+、HTML3.0、HTML3.2、HTML4.0、HTML4.01 Transitional、HTML4.01 Frameset、XHTML1.0、Mozilla、MSIE、WebExplorer、Compact HTML、iMode または doti 用のタグ
非推奨 物理的フォントタグ 論理的タグ推奨 代替:STRONG
BLOCKQUOTEあいうえおABC ABC abc abc
非推奨 物理的フォントタグ 論理的タグ推奨 代替: EM
引用語句の意味で使用し、イタリック体
強調の意味で使用し、イタリック体
変数の意味で使用し、イタリック体
PREあいうえおABC ABC abc abc
非推奨 物理的フォントタグ 論理的タグ推奨 代替:CODE、SAMP、KBD
CODEあいうえおABC ABC abc abc
プログラムコードの意味で使用し、等幅フォント
ユーザが入力する文字列
サンプル
PREあいうえおABC ABC abc abc
抹消線
HTML+、HTML3.0、HTML4.0、HTML4.01 Transitional、HTML4.01 Frameset、XHTML1.0、Mozilla、MSIE または WebExplorer 用のタグ
非推奨 抹消線
は HTML3.2、HTML4.0、HTML4.01 Transitional、HTML4.01 Frameset、XHTML1.0、Mozilla または MSIE 用のタグです。
sは、divないでは使用できませんが、便宜上表示しています。The XMP element contains preformatted text in which markup other than an end tag is treated as literal text.
delは、divないでは使用できませんが、便宜上表示しています。同じブラウザで、htmlのソースを少し変更すると、表示が大幅に変わる記述例
このHTMLのドキュメント宣言をはずすと、表示が変わる例。Win IE6で確認してください。
削除する部分
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
";http://www.w3.org/TR/html4/loose.dtd">
この例は、ブラウザの、内部スイッチの変更で表示が変わる例です。本来Spanタグで、幅の指定をする事は出来ませんが、ブラウザが、HTMLドキュメントの内容を見て、推定して表示しています。
SPAN WIDTH:500px
ブラウザ毎に、表示のちがいがハッキリするもの。
例えば、Firefoxブラウザをダウンロードして、インターネットエクスプローラ6と同時に表示して、このドキュメントの表示の違いを確認して見てください。フォントの種類や、この文字列の画面上での位置、下の色づけされたブロックのサイズも、異なることがわかると思います。
プラットフォームの違いから来るもの
HTMLは、特定のプラットフォーム(例えば、Windows や Macの違い)に依存しないところが、大きな特徴ですが、だからといって、すべてのブラウザで、全く同じ表示が保障されているわけではありません。htmlのfont-familyの指定を、osaka 等、例えば、Macのフォントを指定しても、WindowsのクライアントPcは、そのフォントを、持っていないので、指定したファンとが再現できません。