1. ホーム
  2. Web制作
  3. HTML/Xhtml

metaタグにおけるhttp-equiv属性の使用方法についてご紹介します。

2022-01-27 15:55:49
metaは、html言語のheadセクションにあるヘルパータグです。これらのコードは任意だと思われるかもしれません。実は、metaタグをうまく使うことができれば、思わぬ効果をもたらしてくれるのです。metaタグの役割は、検索エンジン最適化(SEO)、ページで使用する言語の定義、新しいページの自動更新とポイント、Webページ変換時の動的効果の実現、ページキャッシュの制御、Webページの評価、Webページに表示するウィンドウの制御、などです!
メタタグの構成 : metaタグはhttp-equiv属性とname属性の2つの属性を持ち、異なる属性は異なるパラメータ値を持ち、これらの異なるパラメータ値は異なるウェブページ機能を実装しています。
1. name 属性
name属性は主にWebページを記述するために使用され、対応する属性値はコンテンツで、コンテンツの内容は主に検索エンジンのボットが情報と分類情報を見つけることを容易にすることです。
metaタグのname属性の構文形式は以下の通りです。
<metaname="parameter"content="specific parameter value">.
ここで、name属性は主に以下のパラメータを持つ。 
A、キーワード(Keywords) 
説明:キーワードは、あなたのページのキーワードを検索エンジンに伝えるために使用されます。
例: <metaname="keywords"content="science,education,culture,politics,ecnomics,relationships,entertaiment,human& quot;>
B. ディスクリプション(ウェブサイトDeepLコンテンツ)
説明文:説明文は、検索エンジンにあなたのウェブサイトの主なコンテンツを伝えるために使用されます。
例: <metaname="description"content="Thispageisabout themeaning of science,education,culture.">
C. ロボット(ロボットウィザード)
説明:robotsは、検索ロボットに対して、どのページがインデックスされる必要があり、どのページがインデックスされる必要がないかを伝えるために使用されます。
contentのパラメータはall,none,index,noindex,follow,nofollowです。
例:<metaname="robots"content="none">。
D.オーサー(著)
説明 ページの作者をマークする
例: <metaname="author"content="root,[email protected]">
2. http-equiv 属性
http-equivは、その名の通り、httpのファイルヘッダの役割に相当するものです。ウェブページの内容を正しく正確に表示するために役立つ情報をブラウザに返すことができ、対応する属性値はcontentで、contentの中身は実は各パラメータの変数値なのです。
metaタグのhttp-equiv属性の構文形式は以下の通りです。
<metahttp-equiv="parameter"content="parameter variable value"> となります。
http-equiv 属性は、主に以下のパラメータを持つ。

A. 有効期限(期間)
説明 ウェブページの有効期限を設定するために使用することができます。ウェブページの有効期限が切れると、サーバーに再送信する必要があります。
使用法: <metahttp-equiv="expires"content="Fri,12Jan200118:18:18GMT">
注:GMT時間形式を使用する必要があります。
B. プラグマ(キャッシュモード)
説明 ブラウザがローカルコンピュータのキャッシュからページのコンテンツにアクセスするのを無効にします。
使用法: <metahttp-equiv="Pragma"content="no-cache">
注意:この設定では、訪問者はオフラインで閲覧することができません。
C、リフレッシュ(Refresh)
説明 自動的に更新され、新しいページを指し示す。
使用法: <metahttp-equiv="Refresh"content="2;URL=https://www.jb51.net"> (秒の前とURLの後にそれぞれ引用符があることに注意してください)
注:ここで2は、2秒間滞在し、その後自動的にURLのURLに更新されることを意味します。
D. Set-Cookie(クッキーの設定)
説明 ウェブページの有効期限が切れると、保存されていたクッキーは削除されます。
使用法: <metahttp-equiv="Set-Cookie"content="cookievalue=xxx;expires=Friday,12-Jan-200118:18:18GMT; path=/">.XXX.XXX.XXX.XXX.XXX.XXX.XXX.XXX.XXX.XXX.XXX;
注:GMT時間形式を使用する必要があります。
E. Window-target(表示ウィンドウの設定)
説明 ページを現在のウインドウに別ページとして強制的に表示させる。
使用法: <metahttp-equiv="Window-target"content="_top">
注)フレーム内で他の人が自分のページを呼び出さないようにするために使用します。
F. content-Type(表示文字集合の設定)
説明 ページで使用される文字セットを設定します。
使用法: <metahttp-equiv="content-Type"content="text/html;charset=gb2312">
G. Content-Language(表示言語の設定)
使用法: <metahttp-equiv="Content-Language"content="zh-cn"/>
H、Cache-Controlは、リクエストとレスポンスが従うキャッシュ機構を指定します。
Cache-Controlは、リクエストとレスポンスが従うキャッシュ機構を指定します。リクエストメッセージやレスポンスメッセージでCache-Controlを設定しても、他のメッセージプロセスでのキャッシュ処理は変更されません。リクエスト時のキャッシュ指示には、no-cache, no-store, max-age, max-stale, min-fresh, on があります。
ly-if-cached の場合、応答メッセージのディレクティブは public, private, no-cache, no-store, no-transform, must-revalidate, proxy-revalidate, max-age があります。各メッセージのディレクティブの意味は以下の通りです。
public は、レスポンスがどのキャッシュにもキャッシュされることを指示します。
Private は、あるユーザーに対する応答メッセージの全体または一部が、共有キャッシュで処理できないことを示します。これによりサーバーは、あるユーザーのレスポンスメッセージのうち、他のユーザーからのリクエストに対して無効な部分のみを記述することができます

no-cacheは、リクエストやレスポンスメッセージをキャッシュできないことを示します。
no-storeは、重要な情報が意図せずに掲載されることを防ぐために使用されます。リクエストメッセージで送信することで、リクエストもレスポンスメッセージもキャッシュを使用しなくなります。
max-age は、クライアントが指定された時間 (秒単位) よりも長い有効期間を持つ応答を受け取ることができることを示します。
min-freshは、クライアントが現在時刻に指定時間を加えた時刻より短い応答時間を持つ応答を受け取ることができることを示します。
max-stale は、タイムアウト時間を超えて応答メッセージを受信するようにクライアントに指示します。max-stale messageの値が指定された場合、クライアントはタイムアウト時間の指定値以内の応答メッセージを受信することができます。
メタタグ使用上の注意
メタタグは、Webページの属性を記述するために使用される言語は、標準のメタタグは、検索エンジンのソートを容易にすることができ、検索エンジンのサイトの重量のランキングを向上させます。検索エンジンの基準に沿ってより多くのサイトを作るためにメタタグを理解する必要があり、Seoerによって以下は、メタタグの意味と使用上のエッジを恥ずかしがっています。
1、METAタグのキーワード
書き方: <metaname="Keywords"content="Information Parameters"/>
meatタグのKeywords情報パラメータは、サイトのキーワードが何であるかを表しています。
2、METAタグの説明
<metaname="Description"content="Information Parameters"/>
metaタグのdescriptionの情報パラメータは、サイトのメインコンテンツの説明、概要が何であるかを表します。
3. METAタグのhttp-equiv=Content-Typecontent="text/html。
http-equiv=Content-Type は、Web ページに関する情報をブラウザに問い合わせる HTTP ヘッダープロトコルを表します。
<metahttp-equiv="Content-Type"content="text/html;charset=information parameter"/>
meta タグに、charset に GB2312 などの情報提供用のパラメータを指定すると、そのサイトのエンコーディングが簡体字中国語であることを意味します。
metaタグのcharset情報パラメータにBIG5などを指定すると、繁体字中国語でエンコードされていることを意味します。
iso-2022-jpのようなcharset情報パラメータを持つmetaタグは、日本語でエンコードされていることを意味します。
metaタグのcharset情報パラメータがks_c_5601の場合、韓国語でエンコードされていることを意味します。
メタタグの情報パラメータにISO-8859-1などのcharsetを指定すると、Webサイトで使用されているエンコーディングが英語であることを意味します。
世界共通の言語エンコーディングを表すUTF-8などのcharset情報パラメータを持つmetaタグ。
4. METAタグの生成元
<metaname="generator"content="info-parameters"/>
metaタグのジェネレーター情報パラメータは、サイトの作成にどのようなソフトウェアが使用されているかの説明を表します。
5. METAタグの作成者
<metaname="author"content="info parameter">
metaタグの著者の情報パラメータで、ページの著作権著者情報の記述の略。
6. META タグの http-equiv="Refresh" です。
<Metahttp-equiv="Refresh"Content="Time;Url=url parameter">
Refreshメタタグは、ページの自動更新時間、UrlのURLパラメータは、他のURLへの自動リンクの時間を表します。
7. 7. META タグの HTTP-EQUIV="Pragma"CONTENT="no-cache" です。
<METAHTTP-EQUIV="Pragma"CONTENT="no-cache"> は、ローカルコンピュータのキャッシュからページのコンテンツにアクセスすることをブラウザで無効にすることを意味し、訪問者はオフラインで閲覧することができなくなります。
8、METAタグのCOPYRIGHT
<METANAME="COPYRIGHT"CONTENT="Information Parameters">
metaタグCOPYRIGHTのinformationパラメータは、サイトの著作権情報の記述を表します。
9. META タグの http-equiv="imagetoolbar" です。
<metahttp-equiv="imagetoolbar"content="false"/>
画像ツールバーを表示するかどうかを指定します。falseの場合は「いいえ」、trueの場合は「はい」を意味します。
10. METAタグのContent-Script-Type
<Metahttp-equiv="Content-Script-Type"Content="text/javascript">
ページ内のスクリプトの種類を指定するW3CのWeb仕様です。
11. METAタグのrevisit-afterについて
<METAname="revisit-after"CONTENT="7days">
revisit-afterはサイト再訪問、7daysは7日間、といった具合です。
12、Robots<metaname="robots"protect="information parameter"> の META タグのこと。
ロボットは、検索エンジンのロボットにどのページをクロールするかを指示します。
その属性は以下のように記述されています。 : その
informationパラメータは全て:ドキュメントを取得し、ページ上のリンクを問い合わせることができる。
informationパラメータがnoneの場合:ドキュメントは取得されず、ページ上のリンクは問い合わせに利用できません。
informationパラメータはindex: ドキュメントを取得する。
informationパラメータがfollowの場合:ページ上のリンクを問い合わせることができる。
情報パラメータがnoindexの場合、ドキュメントは取得されませんが、ページ上のリンクは問い合わせることができます。
情報パラメータがnofollowの場合、ドキュメントは取得されますが、ページ上のリンクは照会されない可能性があります。