HTMLでのmetaタグの使い方


HTMLでのラベルの使い方
ブラウザでF 12またはCtrl+shift+Jを押すと、開発者ツールが開き、elementに要素の多くが表示されます.Webページにとって、要素は欠かせません.html 5ドキュメントを作成すると、解析ドキュメントの文字タイプを規定するラベルに似ています.では、どのような役割がありますか?次に、私は一体を探します!私は以下のいくつかの部分を通じて説明します.もしあなたが後ろの部分の内容を直接見たいなら、下の文字を直接クリックすることができます.
  • ラベルの基本紹介
  • タグの属性は
  • を列挙する.
  • ラベルのnameプロパティアプリケーション
  • ラベルのhttp-equivプロパティアプリケーション
  • タグにおける移動端の使用
  • 第一部:ラベルの基本的な紹介
    タグはHTMLページのソースコードの重要なhtmlタグです.META便箋は、作成者、日付および時間、キーワード、ページリフレッシュなどのHTMLページドキュメントのプロパティを記述するために使用されます.それ以外に、ラベルは検索エンジン最適化(seo)に使用されます.HTMLドキュメントの要素内にあり、ユーザーには表示されませんが、ドキュメントの最も基本的なメタ情報です.
    セクション2:ラベルのプロパティの列挙
    ラベルのプロパティは、必須のプロパティとオプションのプロパティに分けることができます.
          1.必須属性:content属性.このプロパティはhttp-equivまたはnameプロパティに関連するメタ情報を定義するために使用され、その内容はロボットの検索情報や分類を容易にするために使用されます.
          2.オプションの属性:
  • nameプロパティ.このプロパティは、主にWebページを記述するために使用されます.nameプロパティの値は、author、description、keywords、generatorなど
  • です.
  • http-equivプロパティ.このプロパティはhttpのヘッダファイルの役割に相当し、ブラウザに役立つ情報を返して、コンテンツの正確かつ正確な表示を助けることができます.http-equivプロパティの値にはcontent-type、expires、refreshなどがあります.

  • 第3部:ラベルのnameプロパティの適用
     
    A keywords(キーワード:ブラウザのWebページのキーワードを教えてください)
    B description(説明:ブラウザのホームページの主な内容を教えてください)
    この2つのプロパティ値を一緒に言うのは、それらの役割が非常に似ているからです.この2つの値を設定すると、ホームページが各検索エンジンに登録され、サイトへのアクセスが向上します.この2つのプロパティ値の設定は特に重要です.検索エンジンの動作原理に従って、検索エンジンはまずロボットの自動検索ページのkeywordsとdescriptionを排除し、それを自分のデータベースに追加し、キーワードの密度に基づいてウェブサイトをソートします.
    次のように使用できます.
    1 2 "keywords"   content= " meta , ,918 " > "description"   content= "HTML " >
      :keywordsのcontent は36 に されます.
    descriptionのcontent は76 に されます.
    すべきは、nameはcontentプロパティと み わせて しなければならないことです.
    C robot(ロボットウィザード: ロボット インデックスが なページ、インデックスが なページ)
    このプロパティの はall、none、index、noindex、follow、nofollowです.デフォルトはallです.
    allに :ファイルが され、ページ のリンクがクエリーされます.
    noneに :ファイルは されず、ページ のリンクはクエリーされません.
    indexに :ファイルが されます.
    followに :ページ のリンクはクエリーできます.
    noindexに :ファイルは されませんが、ページ のリンクはクエリーできます.
    nofollowに :ファイルは されず、ページ のリンクはクエリーできます.
     
    のように できます.
    1 "robot"   content= "none" >
    すなわち, ロボットは にページを すると,このページを しない.
    D author( :ロボットのWebページを する に える)
    1 "author"   content= "somebody" >
      
    :ラベルのhttp-equivプロパティの
    A.conntent-type( タイプ: のタイプと セットを するためのもの)
    これはmeta の で も な で、ホームページを するとき、 たちは なHTMLコードであなたのホームページを する であることを ることができて、ブラウザがあなたのホームページにアクセスすると、ブラウザはこれによって の を して います.そうしないと、ブラウザーはデフォルトの を します.
    1 "content-type"   content= "text/html; charset=UTF-8" >
    B.expires( :Webページの に )
    Webページが れになると、キャッシュでWebページを することなく、サーバ で リフレッシュする があります.なお、 はGMT でなければならない.
    1 "expires"   content= "Fri,12 Jan 2001 15:15:15 GMT" >
    ブラウザでブラウザのWebページをローカルキャッシュのページから するように すると、metaで した が れになるまで、ブラウザは しいページを します.
    C.pragma(casheモード:つまりキャッシュからWebコンテンツにアクセスするかどうか)
    1 "pragma"   content= "no-cache" >
    この のコードは、キャッシュからページを しないことを し、アクセス はオフラインで できません.
    D.refresh(リフレッシュ: って にリフレッシュまたは のurlにジャンプ)
    1 "refresh"   content= "1; url=https://www.baidu.com" />
     
     
     セクション5: でのラベルの
     ここ 、モバイル が するにつれて、モバイル に してますます なウェブデザインが になりました. に、モバイル のレイアウトにおけるラベルの について します.
    1.nameプロパティのviewportの ( のスケール)
    viewportは であり、すべてのツールバー、ステータスバー、スクロールバーなど、Webページを る に かけます. に できるプロパティはwidth、height、initial-scale、minimum-scale、maxmum-scale、user-scalableです.
    を に します.
      
    1 "viewport"   content= "width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    すなわち、ドキュメントとデバイスの を1:1に つことを する.ドキュメントの のスケールと スケールは1.0です.user-scalable=noを して、ユーザーが でスケールできないことを し、ページを します.
      
    2.name のformat-detection .
    このプロパティでは、 やメールボックスの を できます. を に します.
    1 "format-detection"   content= "telephone=no,email=no" />
    このように、デバイスがWebページを するときにデジタルに して を にしない(デバイスによって が なる があることに )、ページ のデジタルを として することを する.メールボックスにも じです.
     
     
    3.name のapple-mobile-web-app-capable (ウェブサイトがweb appプログラムのサポートを く)
      
    1 "app-mobile-web-app-capable"   content= "yes" />
    :1.ウェブサイトはweb appのサポートを きます
    2.このmetaは「アップルデバイスwebアプリケーションxx」という を ることができ、つまりこのmetaはwebアプリケーションを に している.
     
    4.name のapple-mobile-web-app-status-bar-style ( ステータスバーの を )
    1 "apple-mobile-web-app-status-bar-style"   content= "black" />
        :1.web appアプリケーションでステータスバーの が である.
    2.デフォルト はdefault( )で、black( )とblack-translucent(グレー )として できます.
      
    5.name および の
    1 "author"   contect= "zzw, [email protected]"   />