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

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

Jan 22, 2018 am 10:44 AM
html 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 サイトです。キーワードの説明は次のように記述できます。ユーザーが検索エンジンでこれらのキーワードを検索すると、その 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 サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、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:43 PM

HTML 順序付きリストのガイド。ここでは、HTML 順序付きリストと型の導入とその例についても説明します。

HTML入力プレースホルダー HTML入力プレースホルダー Sep 04, 2024 pm 04:54 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