1. ホーム
  2. Web制作
  3. HTML/Xhtml

メタタグの深堀り

2022-01-09 20:45:39

一般にMETAタグと呼ばれる、HTMLページのソースコードに含まれる重要なhtmlタグで、著者、日時、ページの説明、キーワード、ページ更新など、HTMLページ文書の属性を記述するために使用されるものである。

1. ビューポート

XML/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"

XML/HTMLコード コンテンツをクリップボードにコピーする
  1. < メタ 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.アップル-モバイル-ウェブアプリ-タイトル

XML/HTMLコード コンテンツをクリップボードにコピーする
  1. < メタ 名称 = "アップル-モバイル-ウェブ-アプリ-タイトル" コンテンツ = "ブログランド" >

画面に表示されたときのデフォルトのネーミング

5.形式判別

XML/HTMLコード コンテンツをクリップボードにコピーする
  1. < メタ 名称 = "フォーマット検出" コンテンツ = "telephone=no"(電話番号)。 /> {を使用します。  // ページ内の番号を電話番号として認識することを無視するようにデバイスに指示する。  
  2. < メタ 名称 = "フォーマット検出" コンテンツ = "email=no" />  //アンドロイドにメールを認識させない