HTMLのメタタグ-htmlチュートリアル-php.cn

HTMLのメタタグ

WBOY

リリース： 2024-09-04 16:20:50

オリジナル

542 人が閲覧しました

HTML のメタタグは、Web ページまたは HTML ドキュメントに関するデータを定義するために使用されます。メタタグを使用すると、ドキュメントの説明や、最後に更新されたときの作成者情報を定義できます。 HTML ドキュメントの詳細なプロパティを与えるために使用されます。メタタグは内で定義されます。に含まれる HTML タグ。一部。 Web デザイナーにとって、Web ページの実際の表示部分を表示するのが最も便利です。ビューポート制御全体は、HTML 5 のメタタグを使用して行われます。メタタグは、ページの更新、Web ページのコンテンツの表示、ブラウザで使用される Web サービスなど、多くの便利な機能のためにほとんどのブラウザによって参照されます。

構文

次のように head セクションで使用されるメタタグ:

<meta charset="utf-8">

ログイン後にコピー

上記の構文では、charset=”utf-8” があらゆる種類の言語の表示に最適なサポートを提供すると述べています。
値を含むメタタグの別の構文は次のとおりです。

<meta name="viewport" content="width=device-width, initial-scale=1.0">

ログイン後にコピー

あらゆる種類のデバイスに Web ページを完璧にフィットさせるために、すべてのページサイズ値とページスクロールを含むビューポートのサイズを処理するために使用されます。

HTMLのメタタグの一覧

HTML ではさまざまな種類のメタタグが使用されます。一つずつ見てみましょう:

1. これは、あらゆる種類の言語を定義するために使用される非常に基本的なメタタグです。

2. コンテンツの説明を最大 150 単語で定義するために使用されます。

3. 定義された会社のすべての著作権を保持するために使用されます。

4. 特定の Web ページの要約を定義するために使用されます。

5. HTML ドキュメントの作成者を定義するために使用されます。

6. <メタ名=”url” コンテンツ=”http://www.websiteaddress.com”> タグ属性で定義された特定の企業のURLアドレスを定義するために使用されます。

7. ドキュメントに記載されている評価を処理するために使用されます。

8. HTML ドキュメントのサブタイトルを定義したい場合は、このタグを使用することで可能になります。

9. 定義されたスパム時間に Web ページを更新するために使用されます。

10. 定義されたエンティティ値でドキュメントを分類するために使用されます。

11. このタグは Meta タグでいくつかのキーワードを指定するために使用され、ドキュメント内でこのコンテンツを簡単に検索できるようになります。

12. このタグは、ドキュメントの概要を定義するために使用されます。

HTMLにおけるMetaタグの仕組み

HTML のメタタグは主に、Web ページドキュメントに機械可読情報を含めるために使用されますが、この情報は実際には Web ページ上では表示されません。 HTML におけるこのタグのもう 1 つの最も重要な機能は、このタグの助けを借りて、このメタタグ機能を使用して他の Web ページに簡単にリダイレクトできることです。

メタタグが適切に機能する属性リストは次のとおりです。

1.コンテンツ: メタタグ内のコンテンツは、含まれるメタタグの値と同様に機能します。

2. Name: 名前はメタタグのプロパティとして機能します。詳細、所有者、キーワードなどの形式で表示されます

3. http-equiv: この属性は、ドキュメント内のヘッダーの詳細を定義するために使用されます。

4. Charset: これは、ドキュメント内の宣言目的で文字エンコーディングを定義するために使用される Meta タグの主要な属性です。

5. Scheme: この属性は、実際のメタタグが使用されるスキームを定義するために使用されます。ただし、このタイプの属性は HTML5 ではサポートされていません。

HTML のメタタグの例

いくつかの例を見てみましょう

例 #1

メタタグを使用します。メタタグはコンピュータシステムによって読み取られますが、Web ページの訪問者には何も表示されません。

HTML コード:

<html>
<head>
<meta charset="UTF-8">
<meta name="description" content="Meta tag details information here">
<meta name="robots" content="Robotics"/>
<meta name="hotmail:card" content="summary"/>
</head>
</html>

ログイン後にコピー

出力: 出力として空白の画面が表示されます。

HTMLのメタタグ

Example #2

Here is this example we are going to use different kinds of Meta tags and show the output; the web page will be refresh at every specific time and store cookies for your page, also mentioning its expiry date.

HTML code:

<html>
<head>
<title>Meta Tags Example</title>
<meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
<meta name = "description" content = "Learning about Meta Tags." />
<meta http-equiv = "cookie" content = "userid = xyz;
expires = Tuesday, 31-Dec-19 23:59:59 IST;" />
<meta name = "revised" content = "EDUCBA -Online courses, 3/7/2019" />
<meta http-equiv = "refresh" content = "5" />
</head>
<body>
<h1>EDUCBA</h1>
<h2>Become an Awesome Design Expert</h2>
<p>EDUCBA- All about online certification courses</p>
<h4>Learn Graphic designing, Animation, Game Development, Video Editing & more with our Online Certification Courses</h4>
<p>Choose your interest area and get certified with our online Courses in Finance, Data Science, Software Development, Excel, Design, Project Management, Personal Development, Marketing and Human Resources.</p>
</body>
</html>

ログイン後にコピー

Output: The webpage shown in output will refresh every 5 seconds.

HTMLのメタタグ

Example #3

Let’s see another example using meta tags, it will reflect the same as above, but after refreshing the webpage, it will redirect to another webpage which URL’s will be mentioned in the Meta tag as shown in the below HTML code:

HTML code:

<head>
<title>Meta Tags in HTML 5</title>
<meta name = "keywords" content = "HTML 5, Meta Tag" />
<meta name = "description" content = "Detail description of Meta Tags in
HTML 5."/>
<meta http-equiv = "refresh" content = "10; url = https://www.educba.com/" />
</head>
<body>
<p>EDUCBA- All about online certification courses</p>
</body>

ログイン後にコピー

Output:

HTMLのメタタグ

Conclusion

So, a Meta tag in Html is used to define metadata about HTML documents. The code included in it is a machine-readable format that works well with a webpage but doesn’t show any content on the page to the visitors. Meta tag containing 3 different types of attributes like global, element-specific, and event handler attributes.

以上がHTMLのメタタグの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。