Metaは、HTML言語のヘッドエリアの補助ラベルです。これらのコードはオプションだと思うかもしれません。実際、優れたメタタグを作成できる場合、メタラベルの役割は次のとおりです。ダイナミックWebページバッファー、Webページレベルの評価、ウィンドウ表示ウィンドウが表示されるとき。
HTMLのメタサマリーメタラベルの構成：2つの属性があります。
< - > <Meta charset = 'utf-8'> <！ - 最新バージョンのieおよびchrome-> <meta http-equiv = x- ua-commission content = ie = edge、chrome = 1/> < ！ - ページ説明 - > <メタ名=説明コンテンツ= 150文字以下/<！ - ページキーワード - > <メタ名=キーワードコンテンツ=/> <！ 、[email protected]/> <！ - 検索エンジンキャプチャ - > <メタ名コンテンツ= index、pollow/> <！ - [viewport-> <meta name = viewport content = initial-scale = 1、maximing-scale = 1] 3、最小スケール= 1、ユーザースケーラブル= no> <！---！-------- `width = device-width`はiPhone 5をメイン画面に追加してページを開きますWebAppフルスクリーンモードを使用します。 name = apple-mobile- web-app-capable content = yes/> <！ - WebAppフルスクリーンモードを有効にするかどうか、Appleのデフォルトツールバーとメニューバーを削除するかどうか - > <メタ名= Apple-Itunes-App Content = myAppStoreId 、affil iate -data = myaffiliateedata、app-ragument = myurl> <！ - スマートアプリバナー（iOS 6+ safari） - > <meta name = apple-mobile-app-status-style conten t = black/> <！ -Apple Toolbarの色をセット - > <メタ名=フォーマット検出コンテンツ=テルフォン=いいえ、電子メール= no/> <！ - ページのデジタル認識を電話として無視し、電子メールの識別 - > <！ -360ブラウザのスピードモード（webkit） - > <meta name = renderer content = webkit> <！ - 互換性モードを使用しないようにします - > <meta http-equiv = x-uaa -compatible content = ie = edge> <！ - baidu transcoding-> <meta http-equiv = cache-control content = no-sizeapp /> <！ <！ - Microsoftの昔ながらのブラウザー - > <Meta name = MobileOptimized Content = 320> <！-UC強制的に垂直スクリーン - > <メタ名=スクリーンオリエンテーションコンテンツ=ポートレート> <！ - 強制垂直スクリーン - > <> < Meta name = x5-orientation content = Portrait> <！-uc Compulurery Full Screen-> <Meta name = Fullscreen Content = yes> <！ - qq > <！ - uc应用模式-> <meta name = browsermode content = application> <> <meta name = x5-page-mode content = app> <！ > <Meta name = msapplication-tap-highlight = no> <！ > <！ - iPhoneとiTouch、デフォルトの57x57ピクセルはbe-> <link rel = apple-touch-icon-composposedサイズ= 114x114 href =/apple-touch-icon-114x114 -pong/png/> <！ - 網膜Itouch、114x114ピクセル番号、それは推奨されます - > <link rel = apple-touch-con-precomposed size = 144x144 href =/apple-touch-icon-144x144-precomposed.png/> <！ - Retina iPad、 144x144像素、可以没有、但推荐有 - > <！ - iOSアイコンend-> <！-ios起動画面のbegin-> <link rel = apple-touch-startup-image size = 768x1004 href =/splash-screen-- 768x1004.png/> <！垂直スクリーン1536x20088（網膜） - > <link roth = apple-touch-startup-imageサイズ= 1024x748 href =/default-portrait-1024x748.png/> <！ -startup-imageサイズ= 2048x1496 href =/splash-screen-2048x1496.png/> <！ - ipad viagra 2048x1496（retina） - > <link rel = apple-touch- startup-image href =/sprash-creen-320x480。 png/> <！ - iPhone/iPod Touch Vertical Screen 320x480（標準解像度） - > <link rel = apple-touch-startup-imageサイズ= 640x960 -screen -640x960.png/> <！ 640x960（網膜） - > <link r = apple-touch-startup-imageサイズ= 640x1136 href =/splash-screen-640x113 6.png/> <！-iphone 5/iPod touch 5垂直スクリーン640x1136（網膜） - >> <！ - iOSスタートアップ画面End-> <！ - iOSデバイスEND-> <META NAME = MSAPPLICATION-TILECOLORコンテンツ=＃000000 /<！ - Windows 8 Magnetic Stickers-> <Meta name = msapplication-tileimage content = icon.png /> <！ - Windows 8磁気ステッカーアイコン - > <link rel = application/rss +xml <！ - RSSサブスクリプションを追加 - > <link rel =ショートカットアイコンタイプ=画像/ico href =/favicon.ico/> <！ -ADD FAVICON ICON-> <！ - SNSソーシャルラベルBegin--> <！ - weibo api-> <meta Property = og：type content = type/> <metaプロパティ= og：url content = url address/>>>> <メタプロパティ= OG：タイトルコンテンツ=タイトル/> <メタプロパティ= OG：画像コンテンツ=画像/<メタプロパティ= OG：説明コンテンツ=説明/<！ - snsソーシャルタグend-> <title> title </title </title > </head>
一般的に使用されるメタ属性のいくつかを上に示し、メタの理解を以下に示します。
Metaは、HTML言語のヘッドエリアの補助ラベルです。これらのコードはオプションだと思うかもしれません。実際、優れたメタタグを作成できる場合、メタラベルの役割は次のとおりです。ダイナミックWebページバッファー、Webページレベルの評価、ウィンドウ表示ウィンドウが表示されるとき。
メタラベルの構成：2つの属性があります。
1。名前属性名前属性は、主に対応する属性値を説明するために使用されます。
メタラベルの名前属性文法形式は次のとおりです。
<メタ名=パラメーターコンテンツ=特定のパラメーター値>。
名前属性には、主に次のパラメーターがあります。
A、キーワード（キーワード）注：キーワードは、Webページの検索エンジンのキーワードを伝えるために使用されます。
例：
<Meta name = keywordscontent = meta summary、html meta、meta属性、メタジャンプ>
B.説明（ウェブサイトの内容の説明）
注：説明は、検索エンジンのWebサイトのメインコンテンツを伝えるために使用されます。
例：
<Meta name = descriptingContent = Haoroomsブログ、HTMLのメタの概要、MetaはHTML言語ヘッドエリアの補助ラベルです。 「C.ロボット（ロボットウィザード）
注：ロボットは、検索ロボットページにインデックスを表示するために指示するために使用し、どのページがインデックスを必要としません。
コンテンツパラメーターはすべて、none、index、noindex、follow、nofollowです。デフォルトはすべてです。
例：
<Meta name = robotscontent = none>
特定のパラメーターは次のとおりです。
情報パラメーターはすべて次のとおりです。ファイルが取得され、ページ上のリンクがクエリになる可能性があります。
情報パラメーターはありません。ファイルは取得されず、ページ上のリンクを照会することはできません。
情報パラメーターはインデックスです。ファイルが取得されます。
情報パラメーターは次のとおりです。ページ上のリンクはクエリを使用できます。
情報パラメーターはnondexです。ファイルは取得されませんが、ページ上のリンクはクエリにすることができます。
情報パラメーターはnofollowです。ファイルは取得されますが、ページ上のリンクをクエリすることはできません。
D、著者（著者）注：Webページの著者
例：
<Meta name = AuthorContent = root、[email protected]>E、ジェネレーター
<Meta name = generatorContent = Information Parameter/>
Metaラベルの情報パラメーターは、Webサイトで使用されるソフトウェア制作を表します。
F、著作権<メタ名= CopyrightContent =情報パラメーター>
メタタグの著作権情報パラメーターは、Webサイトの著作権情報を表しています。
G、再訪後<メタ名= revisit-aftercontent = 7days>
Revisit-Afterは、7日間を表します。
2。HTTP-Equiv属性HTTP-Equivは、その名前が示すように、HTTPのファイルヘッダーに相当します。
メタタグのHTTP-Equiv属性形式は次のとおりです。
<メタhttp-equiv =パラメーターコンテンツ=パラメーター変数値>;
HTTP-Equiv属性には、主に次のパラメーターがあります。
A、有効期限（締め切り）注：Webページの有効期限を設定するために使用できます。 Webページの有効期限が切れたら、サーバー上で再伝達する必要があります。
使用法：
<Meta http-equiv = expirescontent = fri、12jan200118：18：18gmt>
注：GMTの時間形式を使用する必要があります。
B.プラグマ（キャッシュモード）注：ローカルコンピューターのキャッシュからページコンテンツにアクセスすることは禁止されています。
使用法：
<メタhttp-equiv = pragmacontent = no-cache>
注：このようにして、訪問者は閲覧できません。
C.更新（更新）注：自動的に更新して新しいページを指します。
使用法：
<メタhttp-equiv = refresscontent = 2;
注：2つは、2秒間滞在した後、URL Webサイトへの自動更新を指します。
D.セットクッキー（クッキー設定）説明：Webページが期限切れになった場合、ストアのCookieが削除されます。
使用法：
<メタhttp-equiv = set-cookiecontent = cookie value = xxx;
注：GMTの時間形式を使用する必要があります。
E、ウィンドウターゲット注：強制ページは、現在のウィンドウの独立したページに表示されます。
使用法：
<メタhttp-equiv = window-targetcontent = _top>
注：他の人がフレームワークでページを呼び出すのを防ぐために使用されます。
f、コンテンツタイプ（表示文字セットの設定）注：ページで使用される文字セットを設定します。
使用法：
<メタhttp-equiv = content-typecontent = text/html;
詳細は次のとおりです。
GB2312などのメタラベルのcharsetの情報パラメーターが、Webサイトで使用されるコードが単純化された中国人であることを意味します。
BIG5などのメタラベルの情報パラメーターが、Webサイトで使用されるコードが従来の中国人であることを意味します。
ISO-2022-JPなどのメタラベルのcharsetの情報パラメーターは、ウェブサイトが日本語で使用されていることを意味します。
Metaタグの情報パラメーターがKS_C_5601などの場合、Webサイトが韓国語で使用されていることを意味します。
メタタグのcharSetの情報パラメーターがISO-8859-1である場合、それはウェブサイトのコーディングが英語であることを意味します。
メタタグの情報パラメーターがUTF-8の場合、世界の言語エンコードを表します。
G、コンテンツ言語（言語設定の設定）使用法：
<メタhttp-equiv = content-languagecontent = zh-cn/>H、キャッシュ制御は、リクエストと応答のキャッシュメカニズムを指定します。
キャッシュコントロールは、リクエストと応答のキャッシュメカニズムを指定します。要求メッセージまたは応答メッセージにキャッシュ制御を設定しても、別のメッセージ処理プロセス中にキャッシュプロセスが変更されません。リクエスト中のキャッシュ命令には、ノーキャッシュ、ノーストア、最大時代、最大段階、最小新鮮なものが含まれます。
対応するly-if-cachedの指示には、パブリック、プライベート、ノーキャッシュ、非ストア、非変換、必見、プロキシ - 再平行、最大年齢が含まれます。各メッセージの指示の意味は次のとおりです
パブリック表示応答は、キャッシュ領域によってキャッシュできます
プライベートは、単一のユーザーの全体または部分的な応答メッセージ全体をキャッシュで共有できないことを示しています。これにより、ユーザーの応答の一部が応答メッセージを記述することができます。この応答メッセージは、他のユーザーのリクエストに対して無効です
ノーキャッシュは、リクエストまたは応答メッセージをキャッシュできないことを示します
重要な情報が意図せずに公開されるのを防ぐために、店なしは使用されます。リクエストメッセージを送信すると、リクエストと応答メッセージがキャッシュを使用しないようにします。
最大年齢は、クライアントが生存期間が指定された時間（秒）よりも大きくないという応答を受信できることを示しています。
Min-Freshは、クライアントが現在の時間よりも応答時間を短くて指定された時間応答を受信できることを示しています
Max-Staleは、クライアントがタイムアウト期間を超えて応答メッセージを受信できることを示しています。最大段階のメッセージの値が指定されている場合、クライアントはタイムアウトの指定された値内で応答メッセージを受信できます。
J、http-equiv = imagetoolbar<メタhttp-equiv = imagetoolbarcontent = false/>
画像ツールバーが表示されているかどうかを指定します。それは偽の代表として表示されず、真の代表として表示されます。
k、content-scriptタイプ<Meta http-equiv = content-script-typecontent = text/javascript>
W3C Web仕様は、ページ内のスクリプトのタイプを示しています。
html <base>ラベルページ上のすべてのリンクのデフォルトの開くメソッドを指定します。
例えば：
<ベースターゲット= _セルフ>
指定されたページのすべてのラベルがこのページを開きます！