Doctypeスイッチ
Windows版IE6、Netscape6(Mozilla, Firefoxを含む)、Opera7などや、Mac版IE5以降のブラウザには、文書型宣言<!DOCTYPE>によって「互換モード」「ほぼ標準モード」「標準モード」といった3つの表示モードに切り替わる、「Doctypeスイッチ」と呼ばれる機能が存在します。 1.「互換モード」(Quirks Mode) 「互換モード」は、Web標準(W3Cの仕様)が定まる以前からの表示方法なので、バグや独自解釈を含め、旧来のブラウザの表示方法と互換性のある表示を行い、文法的なミスもある程度カバーして表示する傾向があります。 2.「ほぼ標準モード」(Almost Standards Mode) 「ほぼ標準モード」と、「標準モード」との違いは1点だけです。「ほぼ標準モード」では、テーブルセル内のvertical-alignプロパティの初期値が、互換モー
[CSS]IE6, IE7, IE8, IE9の各バージョンの分岐をvalidで処理する方法
CSS Specific for Internet Explorer デモページ（※IE7で表示） [ad#ad-2] デモ紹介 1. 条件付きコメントの利用 2. CSS Hackの利用 3. 条件付きのHTML class デモ紹介 デモページは、下記のように設定されています。 スタンダードブラウザ（IE9, Firefox, Chrome, Safari, Operaなど） 背景色がグレー IE8 背景色がピンク IE7 or IE8互換モード 背景色がグリーン IE6 背景色がブルー 下記はデモページをIETesterで表示したものです。 IETesterの詳しい説明は、「IE5.5, IE6, IE7, IE8の確認が同時にできる -IETester」を参照ください。 デモページ（※IE8で表示） IE9もWin7+IE9で確認したところ、背景はグレーに表示されていました。 [a
[JS]IE6でもブラウザのサイズに合わせて最適なスタイルシートを適用するスクリプト -Adapt.js
CSS3のMedia Queriesを使用して同様のことができますが、CSS3非対応ブラウザでも動作し、且つjQueryなど他のスクリプトに依存しないでブラウザの幅をチェックし、そのサイズに最適化されたスタイルシートのみをロードさせる超軽量（894bytes）のスクリプトを紹介します。 Adapt.js - Adaptive CSS 左：ファイル名、右：スクリーンサイズ [ad#ad-2] スクリプトの制作は「960 Grid System」と同じNathan Smith氏なので、960 Grid Systemとの相性がよいのではないでしょうか。 また、対応ブラウザの表記は見あたりませんでしたが、IE6でも動作しました。 スクリプトでは、上記キャプチャのようにサイズごとに異なるスタイルシートを指定し、ユーザーの環境に合わせて最適なレイアウトで表示することができます。 下記は、同サイトをブラ
時間をかけるだけムダな「都市伝説SEO技」16選 など10+2記事（海外&国内SEO情報） | 海外&国内SEO情報ウォッチ
時間をかけるだけムダな「都市伝説SEO技」16選 ★★★★★ やっていいのもあるけどサクッと済ませる （High Rankings）価値のあるアクセスを増やすのに役に立たないSEOを16個、取り上げた記事。簡潔にまとめる。 meta keywordsタグ もうかなり以前から検索エンジン（グーグル・Bing）はmeta keywordsタグの記述を見なくなっている XMLサイトマップの送信とディレクトリ型検索エンジンへの登録 深い階層に埋もれてしまい、かつ内部リンクも外部リンクも張られていないページは、たとえXMLサイトマップ送信によりインデックスされたとしても対象キーワードで検索結果に出てくることはない（インデックス促進には役に立つが、順位には影響しない）。 リンク（aタグ）のtitle属性 グーグルはランキング要因としては無視する。 h1タグやh2タグなどの見出しタグ hタグを記述するこ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
男の異業種転職ウェブメディア-OREPICA-
Validator.nu
