メタタグは、HTML言語のヘッドエリアの補助ラベルです。
メタは、命令、キーワードを定義し、最後に日付を変更し、その他のメタデータを変更するためによく使用されます。これらのメタデータは、ブラウザ(レイアウトまたは再ロードページ)、検索エンジン、その他のネットワークサービスを提供します。
MATAラベルにはグローバル属性(https://developer.mozilla.org/en-s/docs/web/global_attributes)が含まれています
チャーセットWebページの文字コードの宣言:
<メタcharset = utf-8>コンテンツ
コンテンツ属性のコンテンツは、HTP-EquivまたはNameプロパティの値であり、使用するものに依存します。
http-equivこの属性には、HTTPヘッダーの名前を含めることができ、属性の完全な英語名はHTTP等価です。サーバーとユーザーエージェントの動作を変更できる命令を定義します。この命令の値は、コンテンツプロパティで定義されています。これは次のいずれかです。
コンテンツ言語(時代遅れ)ページのデフォルト言語を定義します。あらゆる要素のLangプロパティで覆うことができます。
プラグマブラウザは、ローカルコンピューターのキャッシュからページコンテンツにアクセスすることは禁止されています。のように:
<メタhttp-equiv = pragma content = no-cache>期限切れ
Webページの有効期限を設定するために使用できます。 Webページの有効期限が切れたら、サーバー上で再伝達する必要があります。
キャッシュ制御次のようにリクエストと応答のキャッシュメカニズムを指定します。次の使用方法があります。
ノーキャッシュ:最初にリクエストを送信し、サーバーでリソースが変更されているかどうか、および変更されていない場合はキャッシュを使用します。
ストアなし:キャッシュを許可せず、毎回サーバーに移動し、完全な応答をダウンロードしてください。 (安全対策)
パブリック:すべての応答をキャッシュしますが、必要ありません。最大年齢も同じ効果を達成できるためです
プライベート:単一のユーザーキャッシュのみなので、リレーキャッシュは許可されていません。 (たとえば、CDNはキャッシュプライベート応答を許可していません)
Max-Age:現在のリクエストが始まります。回答を再リケストするためにサーバーに行くことなく、応答をキャッシュして再利用できる期間。たとえば、Max-Age = 60は、応答をキャッシュして60秒間再利用できることを意味します。
Content-Security-Policy著者が現在のページのコンテンツ戦略を定義できるようにします。コンテンツ戦略は、主に許容サーバーアドレスとスクリプトのエンドポイントを指定します。これは、クロスサイトスクリプト攻撃の防止に役立ちます。
CSPのエッセンスは、ホワイトリストシステムです。開発者は、クライアントにどの外部リソースをロードして実行できるかを明確に伝えます。これは、白いリストの提供に相当します。その実装と実行はすべてブラウザによって完了しており、開発者は構成を提供する必要のみです。
CSPは、Webページのセキュリティを大幅に強化します。たとえ攻撃者が脆弱性を見つけたとしても、ホワイトリストにリストされている信頼できるホストをまだ制御しない限り、スクリプトを注入することはできません。 2つの方法でCSPを有効にできます。 1つは、HTTPヘッダー情報を介したコンテンツセキュリティポリティの分野です。
Content-Security-src 'object-src' none 'example.org;
もう1つは、Webページのラベルです。
<Meta http-equiv = content-security-policy content = script-src 'seld':>
上記のコードでは、CSPは次の構成を作成しました。
スクリプト:現在のドメイン名を信頼してください
タグ:URLなし、つまり、リソースをロードしないでください
スタイルテーブル:CDN.example.orgとThird-Party.orgのみを信頼してください
フレーム:HTTPSプロトコルをロードする必要があります
その他のリソース:制限なし
開いた後、CSPを満たさない外部リソースはロードが防止されます。
詳細:コンテンツセキュリティポリシーの開始チュートリアル
コンテンツタイプ(時代遅れ)ドキュメントのMIMEタイプを定義し、その文字でエンコードします。
この値は時代遅れであるため、この値を使用しないでください。要素にcharset属性を使用することをお勧めします。
XHTMLまたはHTML5のXHTMLシリアル化でドキュメントのタイプを変更できないため、MIML MIMEタイプを設定するためにMIMEタイプを使用しないでください。
リフレッシュしますこの命令は次のように指定します。
コンテンツ属性に1つの正の整数のみが含まれている場合、ページにロードされた秒数秒数を表します。
カンファレンス属性に正の整数が含まれている場合、文字列 ';
<Meta http-equiv = refresh content = 2;セットクッキー(時代遅れ)
ページのCookieを定義します。対応するコンテンツ値は、IETF HTTP Cookie仕様(https://tools.itef.org/html/draft-httpstate-cookie-14)に従う必要があります。
この命令を使用しないでください。HTTPヘッダーのセットクッキー(https://developer.mozilla.org/en-s/docs/web/http/headers/set-cookie)を使用してください。
X-UA互換ブラウザにページをレンダリングするように指示するために使用されます。
<Meta http-equiv = x-ua-composition content = ie = edge、chrome = 1/>最新バージョンで現在のページをレンダリングするためにieとchromeを指定します名前
名前属性の定義は、ドキュメントレベルのメタデータに属します。次の属性と同時に設定できません。
Meta -Dataデータの名前は、コンテンツ属性の値に関連付けられています。名前属性の可能な値は次のとおりです。
アプリケーション名Webページで実行されているアプリケーションの名前を定義します。
著者Webページの著者をマークするために使用されます。
説明ページコンテンツのサムネイルの説明を含む。 FirefoxやOperaなどの一部のブラウザは、このデフォルトの説明をWebブックマークとして使用しています。
ジェネレータこれは、Webページによってどのソフトウェアが作成されているかを示すために使用されます。
キーワードWebページのキーワードである検索エンジンを伝えるために使用されます
再訪後ページが頻繁に更新されていない場合は、サーバーへの検索エンジンクローラーの圧力を減らすために、クローラーの再訪時間を設定できます。 revisit時間が短すぎる場合、定義したデフォルトの時間に応じてクローラーにアクセスします。例:
<メタ名= revisit-after content = 7日>与える
レンダラーは、デュアルブラウザのデフォルトでページをレンダリングする方法を指定するためのデュアルコアブラウザー用に準備されています。たとえば、360ブラウザー。例:
<Meta name = renderer content = webkit> //デフォルトのwebkit kernel <meta name = renderer content = ie-comp> //デフォルトのIE互換モード<メタ名=レンダラーコンテンツ= ie-sand> //デフォルトの標準モードリファラー
リファラーは、参照者httpヘッダー(https://developer.mozilla.org/en-us/docs/web/http/refererを制御します。
コンテンツ | 意味 |
---|---|
no-refererrrrrrr | HTTP参照ヘッドを送信しないでください |
起源 | ドキュメントの原点を送信します |
no-referrer-when-downgrade | Originは、現在のページと同じURLS(https-> https)への参照として送信されますが、安全でないURL(https-> http)にオリジンを送信しません。これがデフォルトの動作です。 |
Origin-Crossorigin | 同一のオリジンの要求、完全なURL(除去パラメーター)が送信されましたが、他の場合には原点のみが送信されます |
Unsafe-url | 同性オリジンまたはクロスオリジンの要求は、完全なURL(ストリッピングパラメーター)を送信します |
ロボットは、どのページのページがインデックスが必要か、どのページがインデックスを必要としないかを爬虫類に伝えるために使用します。
価値 | 説明する | で使用されます |
---|---|---|
索引 | ロボットインデックスページを許可する(デフォルト) | 全て |
noindex | ロボットインデックスページは許可されていません | 全て |
フォローする | このWebページのリンクインデックスを介して、検索エンジンが他のWebページを引き続き検索できるようにします(デフォルト) | 全て |
nofolow | エンジンを検索して、このWebページのリンクインデックスを介して他のWebページを検索します | 全て |
なし | nondex、nofollowに相当します | グーグル |
noodp | 検索エンジンの結果のページ説明として、Open Directoryプロジェクトの説明(場合)を使用することは禁じられています。 | Google、Yahoo、Bing |
ノアキブ | キャッシュページのコンテンツなしで検索エンジンのコンテンツが必要です | Google、Yahoo、Bing |
Nosnippet | 検索エンジンの結果にページの説明を表示することは禁じられています。 | Google、Bing |
noimageindex | このページは、参照ページのインデックス画像として表示されないようにする必要があります。 | グーグル |
ノーキャッシュ | noarchiveとの同期 | ビング |
ビューポートの初期サイズのサイズのプロンプトを提供します。モバイルデバイスのみ。
価値 | confnt | 説明する |
---|---|---|
幅 | 整数またはデバイス幅 | ビューポートのピクセル幅を定義するか、ビューポートがデバイスの画面幅に適応できるようにします。 |
身長 | 整数またはデバイス高 | ビューポートの高さを定義します。ブラウザの使用はありません(???) |
初期スケール | 0.0 -10.0 | デバイスの幅(垂直モードの機器幅または機器の高さ、または水平モードの機器の高さ)とビューポートのサイズを定義します。 |
最大スケール | 0.0 -10.0 | 最大スケーリングレベルを定義します。それは最小スケール以上のものでなければなりません。そうしないと、債務不履行と見なされます。ブラウザの設定はこのルールを無視でき、iOS10 +はデフォルトでそれを無視します。 |
最小スケール | 0.0 -10.0 | 最小スケーリングレベルを定義します。それは最大スケール以下でなければなりません。そうしないと、それは妥協していないと見なされます。ブラウザの設定はこのルールを無視でき、iOS10 +はデフォルトでそれを無視します。 |
ユーザースケーラブル | はい、もしくは、いいえ | NOに設定されている場合、ユーザーはWebページを拡大できなくなります。デフォルト値はイエスです。ブラウザの設定はこのルールを無視でき、iOS10 +はデフォルトでそれを無視します。 |
一般的な使用法
禁止されたスケーリング:
<Meta name = viewport content = Inivery-scale = 1.0、minimum-scale = 1.0、maximing-scale = 1.0、user-scalable = no/>
Webページを自動的に更新します
一定期間後にページの更新操作を設定できます。 Meta http-equiv = refreshは、一定期間自動更新ページを遅らせるためにブラウザを指定できます。メタタグは、5秒ごとに以下のブラウザを自動的に更新します。
<メタhttp-equiv = content = 5″ />を更新します
自動リダイレクト
更新メタタグを使用して、ページをリダイレクトできます。次の例では、5秒後にwww.vevb.comにアクセスします
<Meta http-equiv = refresh content = 5;
禁止ブラウザキャッシュ
Webページをローカルでテストすると、新しいコンテンツは時間内に更新されず、ブラウザキャッシュがある場合があります。現時点では、メタタグを使用してブラウザキャッシュを無効にする限り、解決できます。一般的なコードは次のとおりです。
<Meta http-equiv = expires content = 0> <meta http-equiv = pragma content = no-cache> <meta http-equiv = cache-control content = no-cache>
Baiduトランスコーディングの目的地
<メタhttp-equiv = cache-control content = no-sizeapp/>
モバイル開発では、番号を電話番号として保護するコード:
<メタコンテンツ=電話= no name = format-detection />
参照してください
MDN HTML要素(https://developer.mozilla.org/en-s/docs/web/html/element/meta)))