HTML5のメタタグの3つの要素とは何ですか?メタタグの使用の概要

この記事では、HTML メタ タグの 3 つの要素について主に説明します。これは、3 つの属性の構成と使用についての紹介です。そこには、Web ページで非常に役立つ多くの重要な属性値が含まれています。では、この記事を一緒に見ていきましょう

まず、メタタグの 3 つの要素とは何かを知る必要があります。

1. 必須属性: content 属性。この属性は、http-equiv 属性または name 属性に関連するメタ情報を定義するために使用され、コンテンツは検索ロボットが情報を見つけて分類しやすくするために使用されます。

2. オプションの属性: name 属性 この属性は主に Web ページを記述するために使用されます。 Name 属性の値は、作成者、説明、キーワード、ジェネレーターなどです。

3. オプションの属性: http-equiv 属性。この属性は HTTP ヘッダー ファイルに相当し、コンテンツを正しく正確に表示するために役立つ情報をブラウザーに返すことができます。 http-equiv 属性の値には、content-type、expires、refresh などが含まれます。

これら 3 つの属性は、html5 メタ タグの 3 つの要素を構成します。

ここで、これらの属性の具体的な使用方法を見てみましょう:

しかし、Web サイトを開くと、head タグにメタ タグの列が存在します。

meta は、ページの説明、キーワード、最終更新日、その他のメタデータを定義するためによく使用されます。このメタデータは、ブラウザー (ページのレイアウトまたはリロード方法)、検索エンジン、およびその他の Web サービスに提供されます。

meta タグには http-equiv 属性と name 属性の 2 つの属性があります。

HTML5 メタタグの name 属性:

name 属性は、主に Web ページのキーワード、説明など、Web ページを記述するために使用されます。 。対応する属性値は content です。 content 内のコンテンツは、名前入力タイプの具体的な説明であり、検索エンジンがクロールするのに便利です。メタ タグの name 属性の構文形式は次のとおりです:

<meta name="参数"content="具体的描述">。

name 属性は最も重要なパラメータです。

HTML5 メタ タグの name 属性の値キーワード (キーワード):

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

<meta name="keywords"content="Lxxyx,博客，文科生，前端">

HTML5 メタタグの説明 (Web サイトのコンテンツの説明) の name 属性の値:

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

<meta name="description"content="PHP中文网，编程学习的网站，在线视频教程">

HTML5 メタ タグの作成者 (author) の name 属性の値:

Web ページの作成者をマークするために使用されます 例:

<meta name="author"content="PHP中文网">

HTML5 メタ タグの http-equiv 属性:

http-equiv その名の通り、httpのファイルヘッダー機能に相当します。

いくつかのHTTPパラメータの定義など、HTTPの役割と同等です。

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

<meta http-equiv="参数" content="具体的描述">

http-equiv 属性は、パラメータの 1 つについて説明します:

content-Type (Web ページの文字セットの設定) ( HTML5 方式が推奨されます)

説明: ブラウザーによるページの解析とレンダリングを容易にするために、Web ページの文字セットを設定するために使用されます。例:

//古い HTML、推奨されません

//HTML5 が Web ページの文字セットを設定する方法。UTF の使用が推奨されます。 8

メタタグの概要は以上です。カスタムプロパティが多すぎます。そのため、一般的に使用されるものと、Window-target のような基本的に放棄されているプロパティだけを探し、追加しませんでした。

HTML5メタタグの役割:

METAタグは、HTMLタグのHEAD領域にあるキータグであり、ドキュメントの文字セット、言語、作成者などの基本情報と設定を提供します。キーワードや Web ページのレベルなど、最大の検索エンジン最適化 (SEO) を実行できることが役割です。

【編集者のおすすめ】

htmlのpタグは単一タグですか？ html pタグの使い方を紹介（例付き）

入力フォームに複数行のテキスト入力ボックスを作成するには？この記事では、input タグの使用方法を説明しています

以上がHTML5のメタタグの3つの要素とは何ですか?メタタグの使用の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。