1. ホーム
  2. Web制作
  3. HTML/Xhtml

HTMLのmetaタグのよくある使い方集

2022-01-09 08:55:21

mataタグとは何ですか?
要素は、検索エンジン向けの説明やキーワード、更新頻度など、ページに関するメタ情報を提供します。 また
その タグは文書の先頭に置かれ、内容は含まれません。の属性は タグは、その文書に関連する名前と値のペアを定義します。
metaは、html言語のheadセクションにあるヘルパータグです。metaタグはほとんどすべてのWebページで見ることができますが、ブラウザの表示画面では見えないので、これらのコードは任意だと思われるかもしれません。実は、metaタグは非常に重要で、サイトの説明文()が検索エンジンのインデックスに反映されるなど、実用的な成果をあげることができます。例えば、metaタグでサイトのエンコードgbk2312やutf-8を設定し、キーワードを設定します。

基本構文

XML/HTMLコード コンテンツをクリップボードにコピーする
  1. < メタ 名称 = "キーワード" コンテンツ = "キーワード1,キーワード2,キーワード3 ......" >

キーワードタグは、サイトのコンテンツがそのような側面を持っていることを検索エンジンに伝え、検索エンジンの定義とインデックス作成を容易にするために使用されます。英語入力方式の場合、キーワードとキーワードはカンマで区切り、キーワードの長さは一般的に100文字以内とされています。
例えば、Web制作技術の習得を目的としたWebサイトであれば、キーワードの説明文はこのように書くことができます。

XML/HTMLコード コンテンツをクリップボードにコピーする
  1. < メタ 名称 = "キーワード" コンテンツ = 「htmlチュートリアル,cssチュートリアル,javascriptチュートリアル" >

ユーザーが検索エンジンでこれらのキーワードを検索すると、その結果にあなたのウェブサイトが表示されます。しかし、初期の不正者(ブラックハットSEO)の多くがキーワードの積み重ねを利用して不正を行ったため、現在では検索エンジン(百度)はキーワードにあまり敏感ではなくなっています。

メタタグ セット ディスクリプション
構文形式です。

XML/HTMLコード コンテンツをクリップボードにコピーする
  1. < メタ 名称 = "discription"(ディスクリプション)。   コンテンツ = "コンテンツの説明" >

ページの説明は非常に重要で、検索エンジンに直接反映させることができます。例えば、百度のサイトを開いて「sina」と検索すると、次のようなページが表示されます。

metaタグは文字セットを設定します
構文形式です。

XML/HTMLコード コンテンツをクリップボードにコピーする
  1. < メタ http-equiv  = "コンテントタイプ"   内容 = "text/html;     文字セット = "エンコーディング形式" >

一般的なエンコーディング形式は、中国語エンコーディング(gbk2312)と国際エンコーディング(UTF-8)で、gbk2312は中国語エンコーディング、ウェブサイトのコンテンツがすべて中国語の場合はgbk2312 UTF-8はテキスト共通(中国語と英語を含む)周辺の国際エンコーディングであることを使用します。両者の主な違いは、gbk2312は中国語専用で、中国語の文字は2文字で構成されていることです。UTF-8は世界共通の中国語文字で、3バイトを占有する。初期の頃は、インターネットの帯域リソースが不足していたので、gbk2312エンコードを使用すると帯域を節約でき、Webページを開く速度が向上しますが、現在、私たちの家の帯域は4Mからで、節約したバイトは完全に無視されています。 {保存されたバイトは完全に無視されます。
  例

XML/HTMLコード コンテンツをクリップボードにコピーする
  1. < メタ http-equiv = "コンテンツタイプ" コンテンツ = "text/html; charset=utf-8" とする。 >

Webを閲覧していると、ほとんどの方が文字化けしているページに遭遇したことがあるのではないでしょうか。エンコード形式は、設定された編集形式でブラウザが解析するためのもので、エンコード形式が正しくない場合は文字化けを起こします。そこで、世界中のすべてのブラウザが私たちのページに正しくアクセスできるように、世界共通のUTF-8エンコードを使用することをお勧めします。

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

XML/HTMLコード コンテンツをクリップボードにコピーする
  1. < メタ http-equiv = "リフレッシュ"   コンテンツ = "リフレッシュ間の時間" >

秒単位のリフレッシュ時間は、例えば、フォーラムのページには、この高速更新ページが自動的にあなたが最新のページを見ることができることを確認するためにコードを更新するために追加することができるように、更新後にのみ新しい投稿を見ることができます。

XML/HTMLコード コンテンツをクリップボードにコピーする
  1. < メタ http-equiv = "リフレッシュ"   コンテンツ = "3" >

ここでは、時間を3秒に設定しています。

metaタグは自動的に新しいページにジャンプするように設定されている
/{br
構文形式

XML/HTMLコード コンテンツをクリップボードにコピーする
  1. < メタ http-equiv = "リフレッシュ"   コンテンツ = "ジャンプの間の秒数です。   URL = "新しいウェブアドレス" >

XML/HTMLコード コンテンツをクリップボードにコピーする
  1. < メタ http-equiv = "リフレッシュ"   コンテンツ = "3.   URL = "http://www.adminwang.com" >

ブラウザでこのページを開くと、3秒後に自動的に弊社ホームページのトップページにジャンプします。

metaタグはキャッシュを無効にするように設定されている
/{br
構文形式

XML/HTMLコード コンテンツをクリップボードにコピーする
  1. < メタ http-equiv = "cache-control" コンテンツ = "no-cache" />

我々は、ブラウザがキャッシュ機構を持っていることを知っている、自動的にローカルに保存されますWebページを開くことです、再び訪問する時間の特定の期間にそうすることの目的は、直接アクセス速度を向上させるためにキャッシュされたファイルを呼び出すことになります。しかし、我々はキャッシュファイルを保存するためにブラウザをしたくない時間から時間をページを変更するなど、フォーラムのように、このコードを追加することができます。  そこにプログラムの開発で別の用途は、コードの変更の効果を確認するためにプログラムをデバッグすると、このコードを使用して無効にすることができます。
別の書き方で

XML/HTMLコード コンテンツをクリップボードにコピーする
  1. < メタ http-equiv = "プラグマ" コンテンツ = "no-cache" >