戦闘への取得Webフロントエンド:HTMLのhead METAタグ

name属性によって表される文書の名前は、http-当量、コンテンツ、charset.metaのメタタグ情報ページは、http-equiv属性コマンドが提供するhttpリクエスト、文字セットの文字エンコーディングが提供するページ:メタ要素は、4つの属性があります。プロパティは、分類に応じて設定され、メタは、次の3つのカテゴリに分けることができます。

name属性とcontent属性の組み合わせ、サイトの説明情報の名前/値のペアを構成しています。

標準のメタ名はように、アプリケーション名、作成者、説明、発電機とが含まれます。サンプルコード:

<meta name="keywords" content="british,typeface,font,fonts"/>

最高の使用キーワードおよびこれら二つの名前の説明、検索エンジン最適化の主要な手段の一つであり、リーダーを使用することをお勧めします。

HTTP-当量の属性およびコンテンツ属性の組み合わせは、http特定の命令セット。

コンテンツタイプ、デフォルトのスタイルとリフレッシュが同定されている場合は、コンテンツの言語、およびセットクッキーが正式に確認されていません。

メタのこのタイプは、注意して使用する必要があります。使用することは推奨されません<META HTTP-当量=「リフレッシュ」コンテンツ=「300」/>、いくつかの検索エンジンは、このメタが発生したときに、ページの残りの部分を解析停止します。<META HTTP-当量=「デフォルト・スタイル」>めったに実際のシーンで使用されていません

charset属性は、ページの文字エンコーディングを設定します。

このプロパティは、ドキュメントを保存して転送するエンコード形式を提供します。

<meta charset="utf-8">

等価に

<meta http-equiv='Content-Type' content='Type=text/html; charset=utf-8'>

最初の形式はより簡潔ですが、簡単に覚えておくことは、すべての主要なブラウザ、すべてのブラウザの互換性の問題によりサポートされています。ブラウザが正確にエンコード形式を識別することができるようにするためには、タイトルが正しく表示できることを確実にするための<title>タグの前に文字セットを設定してください。

定義されたW3Cのメタによって定義されたこれらの仕様に加え、カスタムメタタイプがたくさんあります。主に企業やインターネットブラウザベンダーによってメタこれらのタイプは、カスタマイズされた特定の機能を実装します。これらのカスタムメタはW3C標準のチェックによって提供されていないが、これらは標準ではないと言うメタません。いくつかの一般的なメタ

セットIEブラウザの互換性モード

次のようにIE8ブラウザのスタートページ互換モードからメタタイプ、サンプルコードのセットをサポートしています。

<meta http-equiv="X-UA-Compatible" content="IE=8"/>
专门建立的学习Q-q-u-n ⑦⑧④-⑦⑧③-零①②  分享学习方法和需要注意的小细节,互相交流学习,不停更新最新的教程和学习技巧(从零基础开始到WEB前端项目实战教程,学习工具,全栈开发学习路线以及规划)

HTMLの仕様によると、ブラウザがページを解析するためにページの文書の種類によって冒頭に定義されています。例えば、HTML5の文書型宣言を使用しました:

<!DOCTYPE html>

IEは標準モードでのHTML文書を解析します。しかし、様々な理由のためのいくつかの既存のページが正しくのみ、特定の標準をサポートし、最新の標準モードで表示することができません。IEブラウザのレンダリングを標準のX-UA-互換性のある指定されたページを設定することによって実行されたとき、このケースでは、IEブラウザは、互換性のあるプログラムを提供します。

つまり値の非常に一般的なセットもあります。

<meta http-equiv="X-UA-Compatible" content="chrome=1"/>

なぜIEは、メタは、クロム、それに表示され定義されましたか?実際には、クロム= 1のセットは、Chrome FrameがブラウザIE9で活性化され、以下、力IEはページをレンダリングするためにクロームフレームを使用します。

おすすめ

転載: blog.51cto.com/14592820/2467881