HTMLにおけるメタの役割について

Mar 01, 2017 pm 02:47 PM
html meta

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

タグはドキュメントの先頭にあり、コンテンツは含まれません。 タグのプロパティは、ドキュメントに関連付けられた名前と値のペアを定義します。

HTML と XHTML の違い

HTML では、 タグには終了タグがありません。

XHTML では、 タグを正しく閉じる必要があります。

ヒントとメモ:

注: タグは常に head 要素内にあります。

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

name 属性

name 属性は、名前と値のペアで名前を提供します。 HTML タグも XHTML タグも、事前定義された 名を指定しません。一般に、あなた自身とソース文書の読者にとって意味のある名前を自由に使用できます。

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

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

http-equiv 属性

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

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

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

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

content 属性は、常に name 属性または http-equiv 属性と一緒に使用する必要があります。


scheme 属性
scheme 属性は、属性値の変換に使用されるスキームを指定するために使用されます。このスキームは、

タグの profile 属性で指定されたプロファイルで定義する必要があります。

meta は、HTML ドキュメント内の HTTP プロトコルの応答ヘッダー メッセージをシミュレートするために使用されます。メタ タグは Web ページの および で使用されます。メタには、name と http-equiv の 2 つの属性があります。 name 属性は主に、コンテンツ (Web ページのコンテンツ) に対応する Web ページを説明するために使用され、検索エンジンのロボットがそれらを検索して分類できるようにします (現在、ほとんどすべての検索エンジンはオンライン ロボットを使用して、分類するメタ値を自動的に見つけます)ウェブページ)。このうち最も重要なのはディスクリプション(検索エンジン上のサイトの説明)とキーワード(分類キーワード)であるため、各ページにメタ値を追加する必要があります。より一般的に使用されるものは次のとおりです:

Name 属性

1. 生成ツール (Microsoft FrontPage 4.0 など) などを記述するために使用されます。 . ウェブページのキーワードを検索エンジンに伝えます

3. あなたのサイト;

4. あなたのサイトの作成者を検索エンジンに伝えます

5.

属性の説明は次のとおりです:

all に設定すると、ファイルが取得され、ページ上のリンクをクエリできます。

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

index に設定すると、ファイルが取得されます。

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

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

http-equiv 属性

1.

は、ホームページの作成に使用されるテキストと言語を記述するために使用されます;

別の例では、英語は ISO-8859-1 文字セット、および BIG5、utf- 8、shift-Jis、Euc、Koi8-2 およびその他の文字セット

2. 指定した時間に Web ページを更新するようにスケジュールします。n 以内に、ページ http://www.php.cn/ にジャンプします。3. 有効期限が切れたら、これを呼び出す必要があります。再びサーバー上で。 GMT 時間形式を使用する必要があることに注意してください。

4. ブラウザがページにアクセスできないように設定するために使用されます。ローカル マシンのキャッシュからコンテンツを削除すると、設定後に Web ページを離れると、キャッシュからコンテンツを取得できなくなります。 00:20:00 GMT"> Cookie 設定では、Web ページの有効期限が切れると、保存されている Cookie が削除されます。 GMT 時間形式を使用する必要があることに注意してください。 6. には、IE のインターネット オプションにコンテンツ設定があります。一部の制限された Web サイトの閲覧を禁止します。Web サイトの制限レベルは、meta 属性によって設定されます。 7. window ページ表示により、Web ページが他のユーザーによってフレーム ページとして呼び出されるのを防ぐことができます。 8. ページへの出入り時の特殊効果を設定する この機能は、ページの「形式/Web ページの遷移」です。 FrontPage 」を追加しますが、追加したページをフレーム ページにすることはできません。

HTML におけるメタの役割に関するその他の関連記事については、PHP 中国語 Web サイトに注目してください。
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

HTMLの表の境界線 HTMLの表の境界線 Sep 04, 2024 pm 04:49 PM

HTML の表の境界線に関するガイド。ここでは、HTML でのテーブルの境界線の例を示しながら、テーブル境界線を定義する複数の方法について説明します。

HTML 左マージン HTML 左マージン Sep 04, 2024 pm 04:48 PM

HTML マージン左のガイド。ここでは、HTML margin-left の概要とその例、およびそのコード実装について説明します。

HTML のネストされたテーブル HTML のネストされたテーブル Sep 04, 2024 pm 04:49 PM

これは、HTML でのネストされたテーブルのガイドです。ここでは、テーブル内にテーブルを作成する方法をそれぞれの例とともに説明します。

HTML テーブルのレイアウト HTML テーブルのレイアウト Sep 04, 2024 pm 04:54 PM

HTML テーブル レイアウトのガイド。ここでは、HTML テーブル レイアウトの値と例および出力について詳しく説明します。

HTML入力プレースホルダー HTML入力プレースホルダー Sep 04, 2024 pm 04:54 PM

HTML 入力プレースホルダーのガイド。ここでは、コードと出力とともに HTML 入力プレースホルダーの例について説明します。

HTML 順序付きリスト HTML 順序付きリスト Sep 04, 2024 pm 04:43 PM

HTML 順序付きリストのガイド。ここでは、HTML 順序付きリストと型の導入とその例についても説明します。

HTML 内のテキストの移動 HTML 内のテキストの移動 Sep 04, 2024 pm 04:45 PM

HTML でのテキストの移動に関するガイド。ここでは、概要、マーキー タグが構文でどのように機能するか、および実装例について説明します。

HTML の onclick ボタン HTML の onclick ボタン Sep 04, 2024 pm 04:49 PM

HTML オンクリック ボタンのガイド。ここでは、それらの紹介、動作、例、およびさまざまなイベントでの onclick イベントについてそれぞれ説明します。

See all articles