Internet Explorer 9 で標準ドキュメント モードを使用するにはどうすればよいですか? Web サイトを構築しましたが、IE9 が quirks モードを使用して Web サイト ページをレンダリングしていることに気付きました。しかし、レンダリングには標準モードを使用したいと考えています。
9 に答える
<!doctype html>
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
これにより、IE の各バージョンが標準モードを使用するようになるため、IE 9 は IE 9 標準モードを使用します。(代わりに、新しいバージョンの IE で特に IE 9 標準モードもEdge
使用するようにしたい場合は、 に置き換えます9
。しかし、それが必要な理由を理解するのは困難です。)
説明については、http://hsivonen.iki.fi/doctype/#ie8を参照してください(かなり乱雑に見えますが、IE の動作が乱雑だからです)。
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
メタ タグは、ヘッド タグの後の最初のタグでなければなりません。そうしないと、機能しません。
このスレッドには、触れられているが完全には説明されていない非常に重要なことがあります。HTML アプローチ (head にメタ タグを追加する) は、生の HTML または非常に基本的なサーバー ページでのみ一貫して機能します。私のサイトは、マスター ページ、テーマ設定、多数のサード パーティ コントロールなどを備えた非常に複雑なサーバー駆動型サイトです。 head タグの先頭にある browser。これにより、HTML メタ タグが実質的に役に立たなくなりました。
まあ、彼らを倒すことができない場合は、参加してください。私にとってうまくいった唯一の解決策は、マスターページのレンダリング前イベントでまったく同じことを行うことです。
Private Sub Page_PreRender(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.PreRender
Dim MetaTag As HtmlMeta = New HtmlMeta()
MetaTag.Attributes("http-equiv") = "Content-Type"
MetaTag.Attributes("content") = "text/html; charset=utf-8;"
Page.Header.Controls.AddAt(0, MetaTag)
MetaTag = New HtmlMeta()
MetaTag.Attributes("http-equiv") = "X-UA-Compatible"
MetaTag.Attributes("content") = "IE=9,chrome=1"
Page.Header.Controls.AddAt(0, MetaTag)
End Sub
これは VB.NET ですが、同じアプローチがどのサーバー側テクノロジでも機能します。ページがレンダリングされる直前にそれが最後に行われることを確認する限り。
quirks モードを防ぐには、次のように 'doctype' を定義します。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
IE が IE9 ドキュメント モードでページをレンダリングするようにするには:
<meta http-equiv="x-ua-compatible" content="IE=9">
"IE=edge"
IE は、IE9 ドキュメント モードではなく、最新のドキュメント モードでページをレンダリングすることに注意してください。
html ドキュメントの最初の行として doctype を配置します
<!DOCTYPE html>
Internet Explorer のドキュメントの互換性に関する詳細な説明は、ドキュメントの互換性の定義を参照してください。
このタグを追加することを考慮に入れてください。
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
最新バージョンとの互換性のみを許可する場合があります。それはすべてあなたのライブラリに依存します
正しい doctype を使用していることを確認してください。
例えば。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
あるいは単に
<!doctype html>
また、IE の互換モードと開発者ツールバーがどのように機能し、IE のモードを設定するかを読んで理解します。
メイン ページの index.jsp に次の行が含まれているような問題に直面しましたが、IE ではレンダリングが適切ではありませんでした。問題が見つかり、index.jsp に含めたすべてのファイルにコードを追加しました。万歳!出来た。
そのため、ページに含めるすべてのファイルに以下のコードを追加する必要があります。そうしないと機能しません。
<!doctype html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
</head>