ウェブサイトの性能のmetaラベル

8833 ワード

metaラベルはhtml初心者によく無視されます
死ぬことですが、サイトにとって非常に重要です.
  • 定義:ページに関するメタ情報を提供します.例えば、検索エンジンや更新頻度に関するキーワードや説明.簡単に言えばmetaタグは検索エンジンと付き合い、サイトSEOを最適化することができます.
  • 形式:
  • headタグ内
  • 自閉とラベル
  • ブラウザサポート:全
  • プロパティ:
  • content:http-equizおよびnameに関するメタ情報
  • を定義する
  • http-equiz:httpヘッダ
  • にcontentを関連付ける
  • name:contentをnameに関連付ける
  • scheme:属性値の翻訳に使用するスキーマを指定します(h 5は
  • を放棄しました).
  • charset:便利にコードを設定する(H 5

  • :
  • エンコーディング設定
  • http-equiz="Content-Type" content="<!--MIME 、 -->"
  • ex:
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">

     

  • ページ言語設定
  • ブラウザの分類を容易にする
  • ex: 
    <meta http-equiv="content-language" content="es">

     

  • タイミングリフレッシュとリダイレクト
  • 知らない学生に
  • を提供します.
  • ex:  
    <meta http-equiz="Refresh" content="10">
    
    
    
    <meta http-equiz="Refresh" content="10; Url=http://www.ecjtu.net">

     

  • キーワード
  • ex: 
    <meta name="keywords" content="               ">

     
  • は検索エンジンにキーワードリストを提供し、これはSEOにとって特に重要です!またネットではこう書いてあります
    <Meta name="Keywords" Lang="EN" Content="vacation,greece,sunshine"> 

     
    metaの属性は前にも書きましたが、langはなく、どんな基準も見つかりませんでした.宣言言語は、前述のcontent-languageまたはhtmlラベルのlang=「zh」の設定
  • を使用する必要があります.
  • Webコンテンツの説明
  • ex:
  • もちろん検索エンジンに伝えるためです
  • ロボットアクセス権の設定
  • ex: 
    <meta name="robots" content="NOINDEX,NOFOLLOW">

     
  • コードソースteambitionは、robot/クモがウェブサイトcontentにどのようにログインするかを設定できるパラメータにall、none、index、noindex、follow、nofollowがあります.デフォルトはallです.

  • その他の設定
  • 著作権


  •  
  • 携帯端末meta使用(モバイル端末の大勢の赴くところ!
  • name=「viewport」は、携帯電話のページウィンドウを設定するために使用されます.これは応答式に必須で、スケール制御もレイアウトの混乱を防ぐことができます.
  • width:幅、device-widthはデバイス幅
  • を表す.
  • height:高さ.device-height
  • initial-scale:初期スケール
  • を設定する
  • minimum-scale:最小スケール
  • を設定する
  • maxmum-scale:最大スケール
  • を設定する
  • user-scalable:ユーザーがスケールできるかどうかを設定します.デフォルトyes
  • name=「format-detection」は、ページ内のいくつかの文字列のフォーマットを検出し、その動作を制限します.実は携帯電話番号です.content="telephone=no"設定数字は携帯電話番号リンク識別
  • として扱われない.
  •   
  • iPhoneブラウザが
  • をフルスクリーンで閲覧できるかどうかを設定します.
  • iphone safariトップステータスバーを設定するスタイルブラック
  • 参考資料:
  •  https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html#//apple_ref/doc/uid/TP40008193-SW1
  • http://www.quirksmode.org/mobile/viewports2.html
  • http://css-tricks.com/snippets/html/responsive-meta-tag/



  •  
     
  • 次は無責任な推薦で、資料を集めるときに役に立つと思って記録しましたが、まだテストしていません.
  • クッキー設定
  • コードは、すべての設定可能なオプション
  • を説明する.
  • ex: 
    <Meta http-equiv="Set-Cookie" Content="cookievalue=xxx; expires=Wednesday, 21-Oct-98 16:14:21 GMT; path=/">

     

  • ウィンドウ表示設定
  • 他のページの埋め込みを防ぐことができますよ
  • ex:Contentオプション:blank、_top、_self、_parent,aラベルの使い方
    <Meta http-equiv="Widow-target" Content="_top">

     

  • RSAC等級評価
  • ウェブサイトがわけがわからなくて黄網の遮蔽と見なされることを防止するために使用することができます
  • ex: 
    <meta http-equiv="Pics-label" content="(PICS-1.1'http://www.rsac.org/ratingsv01.html' I gen comment 'RSACi North America Sever' by '[email protected]' for 'http://www.microsoft.com' on '1997.06.30T14:21-0500' r(n0 s0 v0 l0))">

     
  • RSACのサイト:http://www.rsac.org/
  • キャッシュ制御
  • キャッシュ禁止しか実現していませんね
  • キャッシュの有効期限を設定します.フォーマットはGMT exです.
    <meta http-equiv="Pragma" content="no-cache">
    
    
    
    <meta http-equiv="Cache-Control" content="no-cache">
    
    
    
    <meta http-equiv="Expires" content="0">

     

  • その他の機能
  • 実はIEのいくつかの机能の応用も多くて、しかし结局普遍的な现象ではありませんて、リンクを提供して、兴味があるのは
  • を见ることができます
  • http://msdn.microsoft.com/en-us/library/ie/ms533876(v=vs.85).aspx



  •  
     
     
    PS:metaの機能が古すぎて、chromeの下では効果が見えず、ieの下でもテストしたくないものもあります.