移動端metaラベル設定
2368 ワード
1.現在のhtmlファイルの文字コードを設定する
2ブラウザの互換モードを設定する(IEに最新のブラウザレンダリングを使用させる)
3.ビューポート(ショートカット:meta:vp)
役割:モバイルブラウザでは、ページ幅がデバイスを超えると、ブラウザ内部の仮想ページコンテナが、ページコンテナをデバイスのように大きく表示します.ビューポートの幅はmetaラベルで設定できます.このアトリビュートは、移動端ページビューポートの設定です.width:ビューポートの幅、width=device-width:幅はデバイスの幅initial-scale:初期化スケール、-initial-scale=1.0:user-scalableをスケールしない:ユーザーが自分でスケールすることを許可するかどうか、値0または1、yesまたはno minimum-scale:最小スケールmaximum-scale:最も大きなスケールは一般的にスケールしないように設定されており、最大最小スケールを設定する必要はありません.4.Cache-Controlヘッダドメイン
Cache-Controlは、要求と応答に従うキャッシュメカニズムを指定します.要求メッセージまたは応答メッセージにCache-Controlを設定しても、別のメッセージ処理中のキャッシュ処理は変更されません.リクエスト時のキャッシュ命令には、no-cache、no-store、max-age、max-stale、min-fresh、only-if-cachedが含まれ、応答メッセージの命令にはpublic、private、no-cache、no-store、no-transform、must-revalidate、proxy-revalidate、max-ageが含まれる.各メッセージの命令は、no−cacheが、重要な情報が無意識に公開されることを防止するために、要求または応答メッセージがno−storeをキャッシュできないことを示すことを意味する.リクエストメッセージで送信すると、リクエストと応答メッセージがキャッシュmust-revalidateを使用しないようにします.ブラウザ、キャッシュサーバに、ローカルコピーが期限切れになる前にローカルコピーを使用できることを伝えます.ローカル・レプリカが期限切れになると、有効性チェックはソース・サーバから削除する必要があります.
5.ブラウザがローカルマシンのキャッシュからページコンテンツを閲覧することを禁止する設定であり、設定後一旦ページを離れるとCacheから呼び出すことができない
6.ページの一連の数字を電話番号と認識し、携帯電話でダイヤルできる接続に設定することは禁止されています.このラベルのデフォルト値はtelephone=yesです.
7.デフォルトのアップルのツールバーとメニューバーを削除する
ツールバーとメニューバーを表示する必要がある場合は、この行metaを追加する必要はありません.デフォルトは表示されます.8.ステータスバー表示スタイルの制御
content設定ステータスバーの色9.条件コメント
-html 5 shivはブラウザがhtml 5の新しいラベルを認識できるようにします.-respondは、低バージョンブラウザがCSS 3のメディアクエリーを使用できるようにする.