詳細なHTMLにメタタグを共有して使用するのは良いのWebフロントエンドプログラマ

グッドウェブフロントエンドプログラマがで見て興味を持って友人、HTMLのメタタグ取り、HTMLのMETAタグに紹介し、詳細を使用するには、この記事を説明し、HTMLにメタタグを共有して使用するには
、メタタグを意味
  の<meta>要素をこのような検索エンジンや説明とキーワードの更新頻度については、ページ(メタ情報)に関するメタ情報を提供します。
  文書の先頭の<meta>タグは任意のコンテンツが含まれていません。
  プロパティの<meta>タグは、ドキュメント/値のペアに関連付けられている名前を定義します。
二、共通のメタ属性

  1. 文字セット(文字セット)
       説明:HTMLドキュメントの文字エンコーディングを指定します。
       使用方法:<METAのcharset =「UTF-8」>  
    2.ビューポート(ビューポート)
       説明:ページは、ユーザの表示可能な領域です。我々は、すべてのモバイルデバイスの画面は、一般的にPCよりもはるかに小さいことを知って、WebKitのブラウザは、より大きな「仮想」ウィンドウは、モバイルデバイスの画面上にマッピングされるだろう、デフォルトの仮想ウィンドウは980個のピクセルの幅である(現在はほとんどの標準的なWebサイト幅)、及び一定の割合(3:1又は2:1)でスケーリングします。
          私たちは通常時のページをロードするときには、WebKitが最初のブラウザ標準で980個のピクセルをページをロードした後、490個のピクセルの幅に縮小されます。これはグローバルが狭い縮小であることに注意してください、つまり、ページ上のすべての要素が削減されます。
       使用方法:
    1、<META ID = "ビューポート"名前= "ビューポート"コンテンツ= "幅=幅-デバイス;初期スケール= 1.0;最大規模= 1;ユーザースケーラブル= NO;">。
          (1)幅
            適応幅のデバイスを設定するために、ビューポートのサイズ、一般的に制御するための幅
          (2)スケール初期
             初期スケール:最初のスケール、すなわち、最初のページの読み込み時間スケーリングを。
            (3)最大スケール
             最大スケール最大ズーム。すなわち、最大許容ズームレベルです。また、画面の大きさに比べて最大乗数ページサイズを示す浮動小数点値です。
          (4)最小Scale-
            最小スケールをユーザが最小スケールに拡大することを可能にします。そして、最大規模の使い方は同じです。
          (5)スケーラブルUSER-
            ユーザースケーラブルユーザがズームを調整します。これは、ユーザーがページのズームレベルを変更できるかどうか、です。そうは無いそうでない場合、ユーザーが変更できるように設定されている場合。
  2. キーワード(キーワード)
      注:検索エンジンのキーワードのリスト。カンマでキーワードの中に「」区切り。検索キーワードの品質を向上させるために使用する検索エンジンを指定します。
      使用方法:<META NAME = "キーワード"コンテンツ= " 画像1、画像2、画像3、画像4、......">
  3. 説明(説明、はじめに)
     
       説明:検索エンジンにあなたのウェブサイトの主な内容を伝えるために使用される説明。
     
       使用方法:<META NAME =「説明」コンテンツ=「 あなたのページ簡単な説明」>
  4. フォーマット検出(検出フォーマット)  
       説明:フォーマット検出は、HTMLフォーマットの一部で検出するために使用されます。
       使用方法:メタのフォーマット検出特性について、主に以下の設定があります。    
     
    1、メタ名=「フォーマット検出」コンテンツ=「電話= NO」
    2、メタ名=「フォーマット検出」コンテンツ=「メール= NO 「
    3、メタ名=」フォーマット検出「コンテンツ=」住所= NO「
        継続的に書くことができます:メタ名=」フォーマット検出「コンテンツ=」電話= NO、メール= NO、住所= NO "  
      (1)電話
     
      あなたは明らかに数字の文字列で書かれたリンクのスタイルを追加しなかった、iPhoneは自動的にリンクのスタイルをテキストを追加し、この番号をクリックします自動的にダイヤルされます!私はそれが動作しませんどのようにこのダイヤルアップリンクを削除したいですか?次のように次に何が私たちのメタ腕前、コードがある必要があります:
      電話= NOデジタルダイヤルアップリンクの変換を禁止に!
        電話は=はい、それは、変換関数を開くには、デジタルダイヤルアップリンクになって、このメタは、書きません デフォルトの場合、開くことです!
      (2)電子メールは
      メールボックスを認識しないデバイスに伝え、自動的にクリックした後に送信しない
      電子メールを=電子メールアドレスなどの無解禁!
        電子メールは=はい、それは、メールアドレスのデフォルトのテキストを開き、このメタがデフォルトの場合には、書かれていませんでし開くことです!
      (3)住所
      住所は=をマップするためにジャンプを禁止していません!
        アドレスは=はい、それはマップ機能に直接ジャンプするアドレスをクリックして開き、デフォルトの場合に開くことです!
  5. リンゴタッチフルスクリーン
      説明:、メイン画面に画面表示を追加します。
      使用方法:<META NAME =「アップルタッチフルスクリーン」コンテンツ=「はい」>
    7.アップルのモバイル・ウェブアプリ対応の
      説明:アップル社の役割は、デフォルトのツールバーとメニューバーを削除することです。私たちは、ツールバーとメニューバーを表示する必要がある場合、コンテンツは、「いいえ」「はい」2つの値を持っていると、メタのこの行は、デフォルトで表示することで、追加されているではないでしょう。
      使用方法:<META NAME = "アップルモバイルウェブアプリ対応の"コンテンツ= "はい" />
    8のApp-Configを
      説明:アニメーションとの歴史保つ
      使い方を:<META NAME = "APP- Configを"コンテンツ= "フルスクリーン=はい、useHistoryState =はい 、移行= YES" />
  6. msapplicationタップ・ハイライトの
       説明:なしクリックしてハイライト(明るい)
     使用方法:<META NAME =「msapplication-タップハイライト」コンテンツ=「いいえ」>
    まとめ
    htmlの小さなシリーズの上には、メタタグの使用を導入していないとこんにちは、私が手助けをしたいです。

おすすめ

転載: blog.51cto.com/14256902/2425285