HTML メタタグの一般的な使用法の紹介

php中世界最好的语言
リリース: 2018-01-22 10:44:13
オリジナル
1954 人が閲覧しました

今回は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 サイトです。キーワードの説明は次のように記述できます。ユーザーが検索エンジンでこれらのキーワードを検索すると、その Web サイトが結果に表示されます。ただし、初期の多くの詐欺師 (ブラック ハット SEO) はキーワードを詰め込む傾向があったため、現在の検索エンジン (Baidu) はそうではありません。キーワードに敏感です。


メタタグ設定の説明

文法形式:

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

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


メタタグ設定

文字セット

文法形式:

<meta  name=“discription”  content=“描述的内容”>
ログイン後にコピー
共通 エンコード形式には、中国語エンコード (gbk2312) と国際エンコード (UTF-8) が含まれます。ウェブサイトのコンテンツがすべて中国語エンコードです。中国語では、gbk2312 を使用します。UTF-8 は、国際エンコーディング (中国語と英語を含む) に対応しています。主な違いは、gbk2312 が中国語用に特別に構築されており、1 つの中国語文字が 2 文字を占めることです。は汎用中国語文字であり、3 バイトを占有します。初期の頃は、ネットワーク帯域幅のリソースが不足していたため、gbk2312 エンコードを使用すると、Web ページを開く速度が向上しました。しかし、現在では、家庭用の帯域幅は 4M から始まり、完全に無視されています。保存されたバイト数。 例:
<meta http-equiv =“content-type”  content=“text/html;    charset="编码格式”>
ログイン後にコピー

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


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

構文形式

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

更新時間は秒単位です (例: 新しい投稿)。このように素早く更新されるページには、最新のページが確実に表示されるように自動更新コードを追加できます。

例:

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

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


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

文法形式

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

例:

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

ブラウザでこのページを開くと、3秒後に自動的に当サイトのトップページにジャンプします

メタタグ設定によりキャッシュが無効になります

構文形式

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

ブラウザにはキャッシュ メカニズムがあることはわかっています。つまり、Web ページを開くと、そのページが自動的にローカルに保存されます。この目的は、一定期間内に再度アクセスしたときに、キャッシュされたページを直接呼び出すことです。ファイルはアクセス速度を向上させますが、時々変更されるフォーラムなどのページでは、このコードをプログラム開発に追加することもできます。プログラムのデバッグ中にコード変更の影響を随時確認するためのコードです。

別の書き方:

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

さらに興味深い情報については、お支払いください。 PHP 中国語 Web サイトの他の関連記事にも注目してください。


関連書籍:

HTML テキストの書式設定の詳細な例

HTML でよく使用されるタグのまとめ

Html Web テーブルの構造化タグの使用方法

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート