HTML におけるメタの役割について (インターネットから収集および分類)

W3Cschoolではこのように説明しています

<meta> 要素は、検索エンジン向けの説明やキーワード、更新頻度など、ページに関するメタ情報を提供します。

<meta> タグはドキュメントの先頭に配置され、コンテンツは含まれません。 <meta> タグの属性は、ドキュメントに関連付けられた名前と値のペアを定義します。

HTML と XHTML の違い

HTML では、<meta> タグに終了タグはありません。

XHTML では、<meta> タグを適切に閉じる必要があります。

ヒントと注意事項:

注意: <meta> タグは常に head 要素内に配置されます。

注: メタデータは常に名前と値のペアで渡されます。

名前属性

name 属性は、名前/値のペアの名前を提供します。 HTML タグも XHTML タグも、事前定義された <meta> 名を指定しません。一般的に、自分やソースドキュメントの読者にとって意味のある名前を自由に使用できます。

「キーワード」はよく使われる名前です。ドキュメントのキーワードのセットを定義します。一部の検索エンジンでは、これらのキーワードを使用して、ドキュメントに遭遇したときにそのドキュメントを分類します。

次のようなメタタグは、検索エンジンのインデックス作成に役立つ場合があります。

http-equiv 属性

http-equiv 属性は、名前/値のペアの名前を提供します。これは、実際のドキュメントを送信する前に、ブラウザに送信される MIME ドキュメントのヘッダーに名前と値のペアを含めるようにサーバーに指示します。

サーバーがブラウザにドキュメントを送信する場合、最初にいくつかの名前と値のペアを送信します。一部のサーバーはこれらの名前/値のペアを多数送信しますが、すべてのサーバーは少なくとも 1 つの content-type: text/html を送信します。これは、ブラウザに HTML ドキュメントを受信する準備をするように指示します。

http-equiv 属性を持つ <meta> タグを使用すると、サーバーはブラウザーに送信されるコンテンツヘッダーに名前と値のペアを追加します。

コンテンツプロパティ

コンテンツ属性は、名前と値のペアで値を提供します。値には任意の有効な文字列を指定できます。

content 属性は常に name 属性または http-equiv 属性のいずれかと共に使用されます。

スキーム属性

スキーム属性は、属性値を変換するために使用するスキームを指定するために使用されます。このスキームは、<head> タグの profile 属性で指定されたプロファイルで定義する必要があります。

meta は、HTML ドキュメント内の HTTP プロトコル応答ヘッダーメッセージをシミュレートするために使用されます。メタタグは、Web ページの <head> と </head> で使用されます。メタタグにはさまざまな用途があります。メタ属性には、name と http-equiv の 2 つがあります。 name 属性は主に、Web ページを記述し、コンテンツ (Web ページのコンテンツ) に対応するために使用され、検索エンジンロボットが検索して分類するのに役立ちます (現在、ほぼすべての検索エンジンは、オンラインロボットを使用してメタ値を自動的に検索し、Web ページを分類します)。最も重要なのは、description（検索エンジンでのサイトの説明）とkeywords（カテゴリキーワード）なので、各ページにメタ値を追加する必要があります。最も一般的に使用されるものは次のとおりです。

名前属性

1. <meta name="Generator" context="">は、生成ツール (Microsoft FrontPage 4.0 など) を説明するために使用されます。

2. <meta name="KEYWords" contect="">Web ページのキーワードを検索エンジンに通知します。

3. <meta name="DEscription" contect="">検索エンジンにサイトのメインコンテンツを伝えます。

4. <meta name="Author" contect="your name"> 検索エンジンにサイトの著者を伝えます。

5. <meta name="ロボット" context="すべて|なし|インデックス|なし|フォロー|nofollow">

プロパティの説明は次のとおりです。

すべてに設定: ファイルが取得され、ページ上のリンクを照会できます。

none に設定: ファイルは取得されず、ページ上のリンクを照会することはできません。

インデックスに設定: ファイルが取得されます。

フォローするように設定: ページ上のリンクをクエリできます。

noindex に設定: ファイルはインデックス化されませんが、ページ上のリンクはクエリできます。

nofollow に設定: ファイルはインデックス化されませんが、ページ上のリンクはクエリできます。

http-equiv 属性

1. <meta http-equiv="Content-Type" contect="text/html";charset=gb_2312-80">

<meta http-equiv="Content-Language" contect="zh-CN">ホームページの作成に使用されたテキストと言語を説明します。

たとえば、英語は ISO-8859-1 文字セットであり、BIG5、utf-8、shift-Jis、Euc、Koi8-2 などの文字セットもあります。

2. <meta http-equiv="Refresh" contect="n;url=http://yourlink">指定された時間 n 内に http://yourlink ページにジャンプするように Web ページをスケジュールします。

3. <meta http-equiv="Expires" contect="Mon,12 May 2001 00:20:00 GMT"> を使用すると、Web ページの有効期限を設定できます。有効期限が切れると、サーバー上で再度呼び出す必要があります。 GMT 時間形式を使用する必要があることに注意してください。

4. <meta http-equiv="Pragma" contect="no-cache"> は、ブラウザがローカルマシンのキャッシュからページコンテンツにアクセスすることを禁止するために使用されます。これを設定すると、Web ページを離れると、キャッシュから取得できなくなります。

5. <meta http-equiv="set-cookie" contect="Mon,12 May 2001 00:20:00 GMT">Cookie 設定。Web ページの有効期限が切れると、保存された Cookie は削除されます。 GMT 時間形式を使用する必要があることに注意してください。

6. <meta http-equiv="Pics-label" context="">Web ページの評価。IE のインターネットオプションには、一部の制限された Web サイトの閲覧を禁止できるコンテンツ設定があります。Web サイトの制限レベルは、meta 属性によって設定されます。

7. <meta http-equiv="windows-Target" contect="_top">ページを現在のウィンドウに独立したページとして表示するように強制します。これにより、Web ページが他のユーザーによってフレームページとして呼び出されるのを防ぐことができます。

8. <meta http-equiv="Page-Enter" contect="revealTrans(duration=10,transtion= 50)"> と <meta http-equiv="Page-Exit" contect="revealTrans(duration=20，transtion=6)"> は、ページに入るときと出るときに特別な効果を設定します。この機能は、FrontPage の「フォーマット/Web ページ遷移」ですが、追加するページはフレームページにすることはできません。

<<: Dockerがコンテナを作成した後にホスト名を変更する詳細なプロセス

>>: ウェブデザインにおけるインタラクション: ページングの問題に関する簡単な説明