メタタグの深堀り
一般にMETAタグと呼ばれる、HTMLページのソースコードに含まれる重要なhtmlタグで、著者、日時、ページの説明、キーワード、ページ更新など、HTMLページ文書の属性を記述するために使用されるものである。
1. ビューポート
- < メタ 名称 = "ビューポート" コンテンツ = "width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"。 />
(1) widthはビューポートの大きさを制御し、640などの値や特殊な値を指定できる。device-widthはデバイスの幅(CSSを100%に拡大したピクセル数)である。
(2) initial-scale-初期スケーリング、最初にページを読み込んだときのスケーリング。
(3) maximum-scale ユーザーが拡大縮小できる最大値で、0から10.0までの範囲です。
(4) minimum-scale 0 から 10.0 までの範囲で最小のスケールを設定します。
(5) user-scalable ユーザーが手動で拡大縮小できるかどうか。この値は、ユーザーが拡大縮小できる場合は yes または true、ユーザーが拡大縮小できない場合は no または false となる。
2. content="IE=edge"
- < メタ http-equiv = "X-UA-Compatible "である。 コンテンツ = "IE=エッジ" >
X-UA-Compatibleは独自の 属性は、IE8 がどのバージョンの IE を使ってページをレンダリングするかを伝えるもので、html のタグの中で使用されます。
IE=edgeは、ie8以上がシステムにインストールされている場合、最高バージョンのieを使用してレンダリングします。それ以外の場合は、この設定を無視することができます。
3.レンダラー
/
/
デュアルコアブラウザがデフォルトでどちらの方法でページをレンダリングするかを指定します。
webkit デフォルトの webkit カーネルです。
ie-comp デフォルトの IE 互換モード。
ie-standデフォルトのIE標準モードです。
webkit|ie-comp|ie-stand は優先順位の高い順に書かれており、サポートされていない場合は下に行き、ブラウザは現在のページに対して持っているレンダリングカーネルを左から右に順番に選択します。
対応しているブラウザは以下の通りです:360
4.アップル-モバイル-ウェブアプリ-タイトル
- < メタ 名称 = "アップル-モバイル-ウェブ-アプリ-タイトル" コンテンツ = "ブログランド" >
画面に表示されたときのデフォルトのネーミング
5.形式判別
- < メタ 名称 = "フォーマット検出" コンテンツ = "telephone=no"(電話番号)。 /> {を使用します。 // ページ内の番号を電話番号として認識することを無視するようにデバイスに指示する。
- < メタ 名称 = "フォーマット検出" コンテンツ = "email=no" /> //アンドロイドにメールを認識させない
関連
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン