HTMLメタタグの使用法の概要

Jan 26, 2018 am 11:47 AM

meta タグは HTML において非常に重要です。この記事では、皆様のお役に立つことを願って、HTML メタ タグの使用方法の概要を紹介します。

mata タグとは何ですか?

要素は、検索エンジンの説明やキーワード、更新頻度などのメタ情報を提供できます。
タグはドキュメントの先頭にあり、コンテンツは含まれません。 タグのプロパティは、ドキュメントに関連付けられた名前と値のペアを定義します。
metaはHTML言語のhead領域にある補助タグです。メタ タグはほとんどすべての Web ページで見ることができますが、ブラウザの表示ページでは見ることができません。おそらく、これらのコードは必要ないと考えているかもしれません。実際、メタ タグは非常に重要であり、Web サイトに実際的な効果をもたらします。たとえば、Web サイトの説明 () は、Web サイトのエンコーディングを設定するために使用します。 gbk2312 または utf-8。 メタ タグ設定キーワード

基本文法

<meta  name="keywords"   content="关键字1,关键字2,关键字3....">
ログイン後にコピー

キーワード タグの機能は、Web サイトのコンテンツが何であるかを検索エンジンに伝えることであり、これにより、検索エンジンが Web サイトを定義してインデックスを作成しやすくなります。キーワードとキーワードの間には英語の入力方法を使用します。キーワードの長さは通常 100 文字を超えません。
たとえば、私たちの Web サイトは Web 開発技術の学習に関する Web サイトです。キーワードの説明は次のように記述できます。

<meta  name="keywords"   content="html教程,css教程,javascript教程">
ログイン後にコピー

ユーザーが検索エンジンでこれらのキーワードを検索すると、あなたの Web サイトが結果に表示されます。ただし、初期の多くの詐欺師 (ブラック ハット SEO) はキーワードの詰め込みを行う傾向があったため、現在の検索エンジン (Baidu) は廃止されました。キーワードに非常に敏感です。

メタタグ設定 説明
文法形式:

<meta  name=“discription”  content=“描述的内容”>
ログイン後にコピー

Web ページの説明は非常に重要であり、検索エンジンに直接反映されます。たとえば、Baidu の Web サイトを開いて「」を検索します。 Sina」と入力して次のページを参照してください

メタタグ設定文字セット
文法形式:

<meta http-equiv =“content-type”  content=“text/html;    charset="编码格式”>
ログイン後にコピー

一般的なエンコード形式には、中国語エンコード (gbk2312) と国際エンコード (UTF-8) が含まれます。gbk2312 は中国語エンコードです。Web サイトのコンテンツの場合すべて中国語です。gbk2312 を使用します。UTF-8 は国際エンコーディング (中国語と英語を含む) に共通です。主な違いは、gbk2312 が中国語用に特別に構築されており、1 つの中国語文字が 2 文字を占めることです。初期の頃は、ネットワーク帯域幅のリソースが不足していたので、gbk2312 エンコーディングが使用されていました。帯域幅を節約し、Web ページを開く速度を向上させることができます。しかし、現在、我が家の帯域幅は 4M 以上で、完全に無視されています。保存されたバイト数。

例:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
ログイン後にコピー

ウェブを閲覧するとき、ほとんどの人が文字化けしたページに遭遇したことがあります。エンコード形式が正しくないと、文字化けが発生します。世界中のすべてのブラウザが Web ページにアクセスするときに正常に表示できるように、ユニバーサル UTF-8 エンコーディングを使用することをお勧めします。

meta タグは自動更新時間を設定します。
構文形式

<meta http-equiv=“refresh”  content=“刷新间隔的时间”>
ログイン後にコピー

更新時間は秒単位です。 、フォーラム ページは更新後にのみ新しい投稿を表示できます。このようにすぐに更新されるページには、最新のページが確実に表示されるように自動更新コードを追加できます。

例:


XML/HTML コードをコピーします。内容をクリップボードにコピーします

<meta http-equiv=“refresh”  content=“3”>
ログイン後にコピー

ここでは時間を 3 秒に設定する方法を示します。ご自身でテストしてください。

メタタグの設定は自動的に新しいページにジャンプします
文法形式

<meta http-equiv=“refresh”  content=“跳转间隔的秒数;  Url="新网页地址”>
ログイン後にコピー

<meta http-equiv=“refresh”  content=“3;  Url="http://www.adminwang.com”>
ログイン後にコピー

ブラウザがこのページを開くと、3 秒以内に当社の Web サイトのホームページに自動的にジャンプします

メタタグの設定によりキャッシュが無効になります
文法形式

<meta http-equiv="cache-control"  content="no-cache" />
ログイン後にコピー

ブラウザにはキャッシュメカニズムがあることはわかっています。 Web ページでは、一定時間内に再度アクセスするときに、キャッシュ内のファイルを直接呼び出してアクセス速度を向上させることが目的ですが、フォーラムなどの時々変更されるページでは、このようにします。ブラウザにキャッシュ ファイルを保存させたくない場合は、このコードを追加します。プログラムのデバッグ時に、このコードを使用してブラウザのキャッシュを無効にすることができます。別の書き方:

<meta http-equiv="pragma" content="no-cache" >
ログイン後にコピー

以上が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