HTML-metaタグの属性の詳細

11478 ワード

【1】概要要素は、検索エンジンおよび更新頻度の記述およびキーワードなど、ページに関するメタ情報(meta−information)を提供することができる.ラベルは、ドキュメントのヘッダーにあり、何も含まれていません.ラベルのプロパティは、ドキュメントに関連付けられた名前/値のペアを定義します.
このラベルには主に2つの属性があります:http-equiv属性とname属性、異なる属性には異なるパラメータ値があり、これらの異なるパラメータ値は異なるウェブページ機能を実現します.
【2】http-equivプロパティ
http-equivプロパティは、名前/値ペアに名前を指定します.そして、サーバが実際のドキュメントを送信する前に、ブラウザに送信するMIMEドキュメントヘッダに名前/値ペアを含むことを示す.
サーバがブラウザにドキュメントを送信すると、複数の名前/値ペアが送信されます.このような名前/値ペアを多数送信するサーバもありますが、すべてのサーバは少なくとも1つ:content-type:text/htmlを送信する必要があります.これにより、ブラウザにHTMLドキュメントを受け入れる準備ができます.
http-equivプロパティの付いたラベルを使用すると、サーバはブラウザに送信されたコンテンツヘッダに名前/値ペアを追加します.
①Content-type(文字セット設定表示)
説明:Webエンコードフォーマットを設定して、ブラウザにどのエンコードを使用して復号するかを教えます.
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

具体的には以下の通りです.
metaタグのcharsetの情報パラメータ、例えばGB 2312の場合、代表説明サイトが採用しているコードは簡体字中国語である.
Metaタグのcharsetの情報パラメータはBIG 5の場合、代表説明サイトが採用した符号化は繁体字中国語である.
metaラベルのcharsetの情報パラメータ、例えばiso-2022-jpの場合、代表説明サイトが採用している符号化は日本語である.
metaラベルのcharsetの情報パラメータはks_c_5601の時、代表はウェブサイトが採用したコードが韓国語であることを説明した.
metaラベルのcharsetの情報パラメータ、例えばISO-8859-1の場合、代表はウェブサイトが採用した符号化が英語であることを説明する.
metaタグのcharsetの情報パラメータ、例えばUTF-8の場合、世界共通の言語符号化を表す.
content-Language(表示言語の設定)
<meta http-equiv="Content-Language"content="zh-cn"/> 

②Expires(期間)
説明:Webページの有効期限を設定できます.Webページが期限切れになると、サーバに再転送する必要があります.
<meta http-equiv="Expires" content="-10"/>

③Pragma(cacheモード)
説明:ブラウザがローカルコンピュータのキャッシュからページコンテンツにアクセスすることを禁止します.
<meta http-equiv="Pragma" content="no-cache" />

④ Cache-Control
説明:Cache-Controlは、要求と応答に従うキャッシュメカニズムを指定します.
<meta http-equiv="Cache-Control" content="no-cache"/>

要求メッセージまたは応答メッセージにCache-Controlを設定しても、別のメッセージ処理中のキャッシュ処理は変更されません.
リクエスト時のキャッシュ命令には、no-cache、no-store、max-age、max-stale、min-fresh、only-if-cachedが含まれる.
応答メッセージの命令には、public、private、no-cache、no-store、no-transform、must-revalidate、proxy-revalidate、max-ageが含まれる.
各メッセージの命令の意味は次のとおりです.
publicprivate:                  ,         。

                    ,                

no-cache:             

no-store:               。                        。

max-age:                   (     )   

min-freshmax-stale:                    。

    max-stale    ,                        。

⑤Refresh(リフレッシュ)
説明:自動的に更新され、新しいページに移動します.
ページを1秒に1回リフレッシュ
response.setHeader("refresh","1");

2秒で他のページにジャンプ
response.setHeader("refresh","2;URL=otherPagename");

効果:
<meta http-equiv="refresh" content="5;url=http://www.w3school.com.cn" />

⑥Set-Cookie(Cookie設定)
説明:Webページが期限切れになると、ディスクのクッキーが削除されます.
<meta http-equiv=set-cookie content="testcookie" />

⑦Window-target(表示ウィンドウの設定)
説明:現在のウィンドウにページを独立したページで表示するように強制します.
<meta http-equiv="Window-target"content="_top"> 

ページを現在のウィンドウに独立したページで表示するように強制すると、自分のページがframeページとして呼び出されるのを防止できます.
⑧ X-UA-Compatible
説明:IE 8の専用タグは、IE 8ブラウザが特定のバージョンのIEブラウザのレンダリング方法をシミュレートすることを指定し、一部の互換性の問題を解決するために使用されます.
<meta http-equiv="X-UA-Compatible" content="IE=7">  

以上のコードはIEブラウザに、DTDでドキュメント基準を宣言するかどうかにかかわらず、IE 8/9はIE 7エンジンでページをレンダリングすることを示しています.
<meta http-equiv="X-UA-Compatible" content="IE=8">  

以上のコードはIEブラウザに教えて、IE 8/9はすべてIE 8エンジンでページをレンダリングします.
<meta http-equiv="X-UA-Compatible" content="IE=edge">  

以上のコードはIEブラウザに教えて、IE 8/9以降のバージョンはすべて最高バージョンIEでページをレンダリングします.
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">

以上のコードIE=edgeはIEに最新のエンジンを使ってウェブページをレンダリングすることを教えて、chrome=1はChrome Frameをアクティブにすることができます.
PS:Googleにプラグインを追加:Google Chrome Frame(GoogleにブラウザフレームワークGCFが内蔵されている)は、ユーザーのIEブラウザの外を変更することができますが、ユーザーがWebページを閲覧する際に実際に使用しているのはGoogle Chromeブラウザコアであり、IE 6、7、8など多くのバージョンのIEブラウザをサポートしています.
【3】name属性
nameプロパティには、名前/値ペアの名前が表示されます.HTMLおよびXHTMLラベルには、あらかじめ定義された名は指定されていません.つまり、自分にとって意味のある名前を自由に使うことができる.
①Keywords(キーワード)
説明:keywordsは検索エンジンにあなたのホームページのキーワードを教えます.
一部の検索エンジンでは、これらのキーワードに遭遇したときに、ドキュメントを分類します.
<meta name="keywords" content="HTML,ASP,PHP,SQL">

②description(サイト内容説明)
説明:descriptionは検索エンジンにあなたのサイトの主な内容を伝えるために使用されます.
<meta name="description"content="meta html  head         。"> 

③robots(ロボットガイド)
説明:robotsは、ロボットがインデックスを必要とするページと、インデックスを必要としないページを検索するために使用します.
contentのパラメータはall,none,index,noindex,follow,nofollowである.デフォルトはallです.
<meta name="robots"content="none"> 

パラメータは次のとおりです.
情報パラメータはall:ファイルが取得され、ページ上のリンクがクエリーされます.
情報パラメータnone:ファイルは取得されず、ページ上のリンクはクエリーされません.
情報パラメータはindex:ファイルが取得されます.
情報パラメータはfollow:ページ上のリンクはクエリーできます.
情報パラメータはnoindexです.ファイルは取得されませんが、ページのリンクはクエリーできます.
情報パラメータはnofollow:ファイルは取得されますが、ページ上のリンクはクエリーできません.
④author(著者)
説明:Webページの作成者
<meta name="author"content="janus"> 

⑤ copyright
説明:Webサイトの著作権情報
<meta name="copyright" content="     www.qidian.com        。All Rights Reserved" />

⑥ revised
説明:Webドキュメントの変更時間
<meta name="revised" content="   , 6/24/2015"/>

⑦ generator
説明:ウェブサイトの採用するどんなソフトウェアは制作します
<meta name="generator" content="Microsoft"/>

⑧ renderer
デュアルコアブラウザのデフォルトでページをレンダリングする方法を指定します.
"renderer" content="webkit">//  webkit  
"renderer" content="ie-comp">//  IE    
"renderer" content="ie-stand">//  IE    

⑨ viewport
説明:ページのズームを制御する
<meta name="viewport" content="width=device-width, initial-scale=1, 
maximum-scale=1, minimum-scale=1, user-scalable=no">

詳細:http://www.cnblogs.com/lovesong/p/4355029.html