メタタグにおける http-equiv 属性の使用の概要

メタタグにおける http-equiv 属性の使用の概要
metaはhtml言語のhead領域にある補助タグです。おそらく、これらのコードは不要だと思うかもしれません。実際、メタタグをうまく活用できれば、予想外の結果がもたらされます。メタタグの機能には、検索エンジン最適化 (SEO)、ページで使用される言語の定義、新しいページの自動更新と参照、Web ページの変換時の動的効果の実現、ページ バッファリングの制御、Web ページの評価と評価、Web ページが表示されるウィンドウの制御などがあります。

メタタグの構成:メタタグには、http-equiv 属性と name 属性の 2 つの属性があります。属性が異なるとパラメータ値が異なり、これらの異なるパラメータ値によって Web ページの機能が異なります。

1. 名前属性

name 属性は主に Web ページを説明するために使用されます。対応する属性値は content です。content 内のコンテンツは主に検索エンジン ロボットが情報を検索して分類するために使用されます。

メタタグの名前属性の構文は次のとおりです。

<metaname="parameter" content="特定のパラメータ値">。

name 属性には主に次のパラメータがあります。

A. キーワード

説明: キーワードは、Web ページのキーワードを検索エンジンに伝えるために使用されます。

例: <metaname="keywords" content="科学、教育、文化、政治、経済、人間関係、エンターテイメント、人間">

B. 説明(ウェブサイトのコンテンツの説明)

説明: 説明は、検索エンジンに Web サイトの主なコンテンツを伝えるために使用されます。

例: <metaname="description" content="このページは、科学、教育、文化の意味について説明しています。"">

C. ロボット(ロボットガイド)

説明: ロボットは、どのページをインデックスする必要があるか、どのページをインデックスする必要がないかを検索ロボットに伝えるために使用されます。

コンテンツのパラメータは、all、none、index、noindex、follow、nofollow です。デフォルトはすべてです。

例: <metaname="robots" content="none">

D.著者

説明: ウェブページの作成者をマークする

例: <metaname="author" content="root,[email protected]">

2. http-equiv属性

名前が示すように、http-equiv は http のファイル ヘッダーに相当します。Web ページのコンテンツを正しく正確に表示するために役立つ情報をブラウザーに送り返すことができます。対応する属性値は content です。content 内のコンテンツは、実際には各パラメーターの変数値です。

メタ タグの http-equiv 属性の構文形式は次のとおりです。

<metahttp-equiv="parameter" content="パラメータ変数値">;

http-equiv 属性には主に次のパラメータがあります。

A. 期限切れ

説明: Web ページの有効期限を設定するために使用できます。 Web ページの有効期限が切れると、サーバーに再送信する必要があります。

使用方法: <metahttp-equiv="expires" content="Fri,12Jan200118:18:18GMT">

注意: 時間形式は GMT である必要があります。

B. プラグマ(キャッシュモード)

説明: ブラウザがローカル コンピュータのキャッシュからページ コンテンツにアクセスできないようにします。

使用方法: <metahttp-equiv="Pragma" content="no-cache">

注意: この設定では、訪問者はオフラインで閲覧できなくなります。

C. リフレッシュ

説明: 自動的に更新して新しいページを表示します。

使用方法: <metahttp-equiv="Refresh" content="2;URL=https://www.jb51.net"> (秒の前と URL の後の引用符に注意してください)

注: 2 は、2 秒間経過すると URL が自動的に更新されることを意味します。

D. Set-Cookie(クッキー設定)

注意: Web ページの有効期限が切れると、保存された Cookie は削除されます。

使用方法: <metahttp-equiv="Set-Cookie" content="cookievalue=xxx;expires=Friday,12-Jan-200118:18:18GMT;path=/">

注意: 時間形式は GMT である必要があります。

E. ウィンドウターゲット(表示ウィンドウの設定)

説明: 現在のウィンドウにページを独立したページとして強制的に表示します。

使用方法: <metahttp-equiv="Window-target" content="_top">

注: 他のユーザーがフレーム内で自分のページを呼び出すことを防ぐために使用されます。

F. content-Type(表示文字セット設定)

説明: ページで使用する文字セットを設定します。

使用方法: <metahttp-equiv="content-Type" content="text/html;charset=gb2312">

G. コンテンツ-言語(表示言語設定)

使用方法: <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 が含まれます。各メッセージ内の指示の意味は次のとおりです。
パブリックは、レスポンスがどのキャッシュでもキャッシュできることを示します。
プライベートは、単一ユーザーの応答メッセージの全体または一部を共有キャッシュで処理できないことを示します。これにより、サーバーは現在のユーザーへの応答メッセージの一部のみを記述できますが、これは他のユーザーの要求には有効ではありません。
no-cacheは、リクエストまたはレスポンスメッセージをキャッシュできないことを示します。
no-store は、重要な情報が誤って公開されるのを防ぐために使用されます。これをリクエスト メッセージで送信すると、リクエスト メッセージと応答メッセージの両方でキャッシュが使用されなくなります。
max-age は、クライアントが指定された時間 (秒単位) を超えない経過時間の応答を受け入れることができることを示します。
min-freshは、クライアントが現在の時間と指定された時間より短い応答時間を受信できることを示します。
max-stale は、クライアントがタイムアウト期間を超えて応答メッセージを受信できることを示します。 max-stale メッセージ値を指定すると、クライアントは指定されたタイムアウト期間を超える応答メッセージを受信できます。

メタタグの使用に関するヒント:

メタ タグは、Web ページのプロパティを記述するために使用される言語です。標準のメタ タグは、検索エンジンの並べ替えを容易にし、検索エンジンの Web サイトの重み付けランキングを向上させることができます。ウェブサイトを検索エンジンの標準にもっと沿わせたいなら、メタタグを理解する必要があります。ここでは、Seoer Xiyuan がメタタグの意味と使い方を説明します。

1. METAタグ内のキーワード

記述方法は次のとおりです: <metaname="キーワード" content="情報パラメータ"/>

ミートタグ内のキーワードの情報パラメータは、Web サイトのキーワードが何であるかを表します。

2. METAタグの説明

<metaname="説明" content="情報パラメータ"/>

メタタグの Description パラメータは、Web サイトの主なコンテンツと概要を表します。

3. METAタグのhttp-equiv=Content-Typecontent="text/html"

http-equiv=Content-Type は、Web ページの情報をブラウザに示す HTTP ヘッダー プロトコルを表します。

<metahttp-equiv="Content-Type" content="text/html; charset=情報パラメータ"/>

メタタグの charset パラメータが GB2312 の場合、Web サイトで使用されるエンコードは簡体字中国語であることを意味します。

メタタグの charset パラメータが BIG5 の場合、Web サイトで使用されるエンコードは繁体字中国語であることを意味します。

メタタグの charset パラメータが iso-2022-jp の場合、Web サイトで使用されるエンコーディングは日本語であることを意味します。

メタタグの文字セット情報パラメータが ks_c_5601 の場合、Web サイトで使用されるエンコーディングは韓国語であることを意味します。

メタタグの charset パラメータが ISO-8859-1 の場合、Web サイトで使用されるエンコーディングは英語であることを意味します。

メタタグの文字セット情報パラメータが UTF-8 の場合、それはユニバーサル言語エンコーディングを表します。

4. METAタグジェネレーター

<metaname="generator" content="情報パラメータ"/>

メタタグのジェネレータ情報パラメータは、Web サイトの作成に使用されたソフトウェアを示します。

5. METAタグ内の著者

<metaname="author"content="情報パラメータ">

メタタグの著者情報パラメータは、Web ページの著作権著者情報を表します。

6. METAタグにhttp-equiv="Refresh"

<Metahttp-equiv="Refresh"Content="時間;Url=URL パラメータ">

メタ タグ内の Refresh は、Web ページが自動的に更新される期間を表し、Url 内の URL パラメータと組み合わせると、他の URL に自動的にリンクされる期間を表します。

7. METAタグ内のHTTP-EQUIV="Pragma"CONTENT="no-cache"

<METAHTTP-EQUIV="Pragma"CONTENT="no-cache"> は、ブラウザがローカル コンピュータのキャッシュからページ コンテンツにアクセスすることを禁止することを意味します。この設定により、訪問者はオフラインで閲覧できなくなります。

8. METAタグの著作権

<METANAME="COPYRIGHT"CONTENT="情報パラメータ">

メタタグの COPYRIGHT 情報パラメータは、Web サイトの著作権情報を表します。

9. METAタグ内のhttp-equiv="imagetoolbar"

<metahttp-equiv="イメージツールバー" コンテンツ="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="7日後">

revisit-after はウェブサイトの再訪問を意味し、7days は 7 日間を意味します。

12. META タグ内のロボット <metaname="Robots"contect="情報パラメータ">

ロボットは検索エンジンのロボットにどのページをクロールするかを指示します

プロパティは次のように記述されます

情報パラメータはすべてです: ファイルが取得され、ページ上のリンクを照会できます。

情報パラメータが none の場合、ファイルは取得されず、ページ上のリンクを照会することはできません。

情報パラメータはインデックスです: ファイルが取得されます。

情報パラメータは次のとおりです: ページ上のリンクを照会できます。

情報パラメータは noindex です。ファイルはインデックス化されませんが、ページ上のリンクは照会できます。

情報パラメータは nofollow です。ファイルは取得されますが、ページ上のリンクは照会されません。

<<:  パーソナライズされたクリエイティブなウェブサイトデザインの例 (30)

>>:  Vue 基本チュートリアル: 条件付きレンダリングとリストレンダリング

推薦する

ボタンを使用してフォームを送信する代わりに、画像を使用してフォームを送信します。

コードをコピーコードは次のとおりです。 <フォームメソッド="post" ...

ログインと登録を実現するSpringboot+VUE

この記事の例では、ログインと登録を実装するためのspringboot+VUEの具体的なコードを参考ま...

JavaScript オブジェクトの組み込みオブジェクト、値型、参照型の説明

目次物体オブジェクト定義オブジェクトのメンバーを反復処理するJS組み込みオブジェクト数学オブジェクト...

Docker を使用した SQL Server の実行の実装

現在、.net Core はクロスプラットフォームであり、誰もが Linux と Docker を使...

カンマで区切られたmysqlの分割関数の実装

1: 文字列を区切るためのストアドプロシージャを定義する 区切り文字 $$ `mess`$$ を使う...

JavaScriptは検証コードと検証のランダム生成を実装します

この記事では、検証コードのランダム生成と検証を実現するためのJavaScriptの具体的なコードを参...

Centos7 システムでの MySQL マスター スレーブ同期構成スキーム

序文最近、高可用性プロジェクトに取り組む際には、データの同期が必要になっています。ノードが 2 つし...

MySQL sql_mode の使用に関する詳細な説明

目次序文sql_mode の説明最も重要なオプションすべてのオプション要約する序文前回の記事「MyS...

MySQL ルートパスワードを変更する 4 つの方法 (要約)

方法1: SET PASSWORDコマンドを使用するまずMySQLにログインします。フォーマット: ...

Vue プロジェクトで TypeScript クラスを適用する方法

目次1. はじめに2. 使用1. @コンポーネント2. 計算、データ、方法3. @props 4. ...

JavaScript でタブバーの切り替え効果を実装する

フロントエンド開発者が必ず知っておくべきケースとして、タブバーの切り替え効果があります。タブバー自体...

HTML タグ マーキーを使用してスクロール効果を実現する簡単な方法 (必読)

ページの自動スクロール効果は JavaScript で実現できますが、今日偶然、JS 制御なしでさま...

Centos 6.9 に MySQL をインストールするための詳細なチュートリアル

1. MySQLがインストールされているかどうかを確認します。次のコードで確認できます。 [root...

MySQLサービスを削除する具体的な方法

MySQLは次のエラーを表示します「コントロール パネル -> 管理ツール -> サービ...

Nginxでネットワーク分離を解決した実践記録を詳しく解説

必要最近、Node オンライン サービスを移行する必要があったため、2 つの新しいオンライン サーバ...