ホームページ > ウェブフロントエンド > htmlチュートリアル > HTML メタタグの一般的な使用法のコレクション

HTML メタタグの一般的な使用法のコレクション

高洛峰
リリース: 2017-02-14 16:11:16
オリジナル
1362 人が閲覧しました

Web のヘッドに書かれた mata タグは目立たないように見えますが、実際にはページのエンコードやその他の重要な設定を含むさまざまな機能を設定できます。ここでは HTML メタ タグの一般的な使用方法をまとめます。

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

基本文法


XML/HTMLコード

内容をクリップボードにコピー


<

メタ 名前 = "キーワード" content= "キーワード 1、キーワード 2、キーワード 3....">

キーワード タグの機能は、検索エンジンに内容を伝えることです。 Web サイトの内容は、検索エンジンにとって便利です。 Web サイトの定義とインデックスは、英語の入力方法でカンマで区切られます。キーワードの長さは通常 100 文字を超えません。たとえば、私たちの Web サイトは次のとおりです。 Web 開発技術の学習に関する Web サイト。キーワード 説明は次のように記述できます:


XML/HTML コード

内容をクリップボードにコピー

<

meta

name ="keywords" content=" html チュートリアル、css チュートリアル、javascript チュートリアル">

ユーザーが検索エンジンでこれらのキーワードを検索すると、結果にあなたの Web サイトが表示されます。しかし、初期の頃は多くの詐欺師 (ブラック ハット SEO) がキーワードの詰め込みや不正行為を助長していたので、今日の検索エンジン (Baidu) はキーワードにそれほど敏感ではなくなりました。


文法形式:


XML/HTMLコード

コンテンツをクリップボードにコピーします

<

meta

name

="説明" content="説明されたコンテンツ"> Webページの説明は非常に重要で、直接検索できます。たとえば、Baidu Webサイトを開いて「Sina」を検索し、次のページを参照してください

メタタグ設定文字セット

文法形式:


XML/HTMLコード

コンテンツをクリップボードにコピー

<

meta

http-equiv

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



XML/HTML コード

コンテンツをクリップボードにコピー

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" >


閲覧していますWeb ページを閲覧する際に、文字化けに遭遇したことがある人は多いと思います。エンコード形式が正しくないと、文字化けが発生するため、汎用の UTF-8 エンコードを使用することをお勧めします。

メタタグは自動更新時間を設定します
文法形式


XML/HTMLコードコンテンツをクリップボードにコピーします


<

meta http-equiv="更新" content="更新間隔">>


更新時間は秒単位です。たとえば、フォーラムの新しい投稿は次のようになります。このように素早く更新されるページには、最新のページが確実に表示されるようにするための自動更新コードを追加できます。


XML/HTML コード

コンテンツをクリップボードにコピーします。

<


meta

http-equiv="refresh" content="3"> ここでは、時間を 3 秒に設定してテストしてください。


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

文法形式


XML/HTMLコード

コンテンツをクリップボードにコピーします

<

メタ

http -equiv

="リフレッシュ" content="ジャンプ間の秒数; Url="新しい Web ページのアドレス"> 例:


XML/HTML コード

コンテンツをクリップボードにコピー

<

meta

http-equiv

="refresh" content="3; Url="http://www .adminwang.com" > ブラウザでこのページを開くと、3秒後に自動的に当社ウェブサイトのホームページにジャンプします

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

文法形式


XML/HTMLコード

コンテンツをクリップボードにコピー

<

meta

http-equiv

="cache-control" content=" no-cache" /> ; ブラウザにはキャッシュ メカニズムがあることはわかっています。つまり、Web ページを開くと、そのページが自動的にローカルに保存されます。この目的は、一定期間内に再度アクセスしたときに、キャッシュ内のファイルを直接呼び出すことです。アクセス速度 ただし、時々変更されるフォーラムのようなページでは、ブラウザにキャッシュ ファイルを保存したくないため、プログラム開発時にこのコードを追加する必要があります。コード変更の影響を常に確認するには、このコードを使用します。ブラウザのキャッシュを無効にします。


XML/HTML コード

コンテンツをクリップボードにコピーします


< meta

http-equiv

=
" pragma"

content="no-cache" > HTML メタ タグの一般的な使用法に関するその他の関連記事については、PHP に注意してください。中国語のサイトです!

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