O R E P A S O:ホームページを作る…ブラウザ

本文へジャンプ
S
M
L
Search by Google
menulavel
Valid CSS!
Spreadfirefox Affiliate Button
情報ボランティアの会(八王子)
anchor
コンピュータROM交換編
ホームページを作る…ブラウザ
ひつじ●ブラウザのレンダリングモードについて
ブラウザは、HTMLファイルの先頭にあるDOCTYPE宣言やタグの記述により、レンダリングモードを切り替えます。
このDOCTYPE宣言によって使えるタグも変わります。また、ホームページの表示が意図しないものになることもあるので、注意しましょう。
HTML
バージョン
DTD(DOCTYPE)宣言
なし DOCTYPE宣言なし
HTML3.2 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
HTML(4.0)4.01 Strict <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML(4.0)4.01 Transitional <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/loose.dtd">
XHTML1.0 Strict <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
XHTML1.0 Transitional <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML1.1 Strict <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
HTML5 <!DOCTYPE html>
モード 説明
Full Standard HTML4.01 Strict、XHTMLで使用される最も厳格で正しい表示を行うモード。
Mozilla 1.0 やMozilla 1.1 Alphaまでは単にStandardモードと呼ばれてました。
描画モードはStandards compliance modeと表示されます。
Almost Standard HTML4.01 Transitional(システム記述子あり)で使用される特殊なStandardモード。
Full Standardでテーブルレイアウトを行うにはCSSに詳しくないとできません。そこで折衷案として後から作られたモードで、ほぼFull Standardモードでレンダリングされますが、 table内の画像に関しては"CSS2"仕様に準拠せずに拡大解釈を行うようになってます。
描画モードはStandards compliance modeと表示されます。
Quirks DOCTYPE宣言がない場合や、古いバージョンのHTMLが宣言されていると、このモードでレンダリングされます。HTMLやCSSの標準仕様よりも過去のブラウザとの互換を高めており、文法のミスに対しても、Standardモードに比べて寛容です。
また、表示そのものに対してもHTMLやCSSの仕様を意図的に無視して互換性を高めている場合があります。
描画モードはQuirks modeと表示されます。
※Internet Explorer 8ではこんなことになってます。
●ページにオリジナルアイコンを付ける(巷ではファビコンとも)
HTML作成時にアイコンを関連付けしておくと、ページを表示した時や、お気に入り(フェイバリット)またはBookmarkに登録した時に、アイコンが表示されます。
以前はfavicon.icoをルートディレクトリに置けば表示されていましたが、現在は<link rel="shortcut icon" href="http://www.hoge.com/favicon.ico" type="image/vnd.microsoft.icon">などとHTMLのヘッダ内に記述する様になっています。
16pix×16pixは必須で32pix×32pixも追加可能です。e.g. png形式、gif形式

●お気に入りへボタンを付ける
<a href="javascript:window.external.AddFavorite('http://www.xyz.com/','my name')" target="_self">お気に入りに入れる</a>
my nameにはページ名称を書きます。Microsoft I.E.のみ動作します。
←BACK | NEXT→