HTMLのmetaタグのよくある使い方集
mataタグとは何ですか?
は
要素は、検索エンジン向けの説明やキーワード、更新頻度など、ページに関するメタ情報を提供します。
また
その
タグは文書の先頭に置かれ、内容は含まれません。の属性は
タグは、その文書に関連する名前と値のペアを定義します。
metaは、html言語のheadセクションにあるヘルパータグです。metaタグはほとんどすべてのWebページで見ることができますが、ブラウザの表示画面では見えないので、これらのコードは任意だと思われるかもしれません。実は、metaタグは非常に重要で、サイトの説明文()が検索エンジンのインデックスに反映されるなど、実用的な成果をあげることができます。例えば、metaタグでサイトのエンコードgbk2312やutf-8を設定し、キーワードを設定します。
基本構文
- < メタ 名称 = "キーワード" コンテンツ = "キーワード1,キーワード2,キーワード3 ......" >
キーワードタグは、サイトのコンテンツがそのような側面を持っていることを検索エンジンに伝え、検索エンジンの定義とインデックス作成を容易にするために使用されます。英語入力方式の場合、キーワードとキーワードはカンマで区切り、キーワードの長さは一般的に100文字以内とされています。
例えば、Web制作技術の習得を目的としたWebサイトであれば、キーワードの説明文はこのように書くことができます。
- < メタ 名称 = "キーワード" コンテンツ = 「htmlチュートリアル,cssチュートリアル,javascriptチュートリアル" >
ユーザーが検索エンジンでこれらのキーワードを検索すると、その結果にあなたのウェブサイトが表示されます。しかし、初期の不正者(ブラックハットSEO)の多くがキーワードの積み重ねを利用して不正を行ったため、現在では検索エンジン(百度)はキーワードにあまり敏感ではなくなっています。
メタタグ セット ディスクリプション
構文形式です。
- < メタ 名称 = "discription"(ディスクリプション)。 コンテンツ = "コンテンツの説明" >
ページの説明は非常に重要で、検索エンジンに直接反映させることができます。例えば、百度のサイトを開いて「sina」と検索すると、次のようなページが表示されます。
metaタグは文字セットを設定します
構文形式です。
- < メタ http-equiv = "コンテントタイプ" 内容 = "text/html; 文字セット = "エンコーディング形式" >
一般的なエンコーディング形式は、中国語エンコーディング(gbk2312)と国際エンコーディング(UTF-8)で、gbk2312は中国語エンコーディング、ウェブサイトのコンテンツがすべて中国語の場合はgbk2312 UTF-8はテキスト共通(中国語と英語を含む)周辺の国際エンコーディングであることを使用します。両者の主な違いは、gbk2312は中国語専用で、中国語の文字は2文字で構成されていることです。UTF-8は世界共通の中国語文字で、3バイトを占有する。初期の頃は、インターネットの帯域リソースが不足していたので、gbk2312エンコードを使用すると帯域を節約でき、Webページを開く速度が向上しますが、現在、私たちの家の帯域は4Mからで、節約したバイトは完全に無視されています。
{保存されたバイトは完全に無視されます。
例
- < メタ http-equiv = "コンテンツタイプ" コンテンツ = "text/html; charset=utf-8" とする。 >
Webを閲覧していると、ほとんどの方が文字化けしているページに遭遇したことがあるのではないでしょうか。エンコード形式は、設定された編集形式でブラウザが解析するためのもので、エンコード形式が正しくない場合は文字化けを起こします。そこで、世界中のすべてのブラウザが私たちのページに正しくアクセスできるように、世界共通のUTF-8エンコードを使用することをお勧めします。
metaタグは自動更新時間を設定します。
/{br
構文形式
- < メタ http-equiv = "リフレッシュ" コンテンツ = "リフレッシュ間の時間" >
秒単位のリフレッシュ時間は、例えば、フォーラムのページには、この高速更新ページが自動的にあなたが最新のページを見ることができることを確認するためにコードを更新するために追加することができるように、更新後にのみ新しい投稿を見ることができます。
例
- < メタ http-equiv = "リフレッシュ" コンテンツ = "3" >
ここでは、時間を3秒に設定しています。
metaタグは自動的に新しいページにジャンプするように設定されている
/{br
構文形式
- < メタ http-equiv = "リフレッシュ" コンテンツ = "ジャンプの間の秒数です。 URL = "新しいウェブアドレス" >
例
- < メタ http-equiv = "リフレッシュ" コンテンツ = "3. URL = "http://www.adminwang.com" >
ブラウザでこのページを開くと、3秒後に自動的に弊社ホームページのトップページにジャンプします。
metaタグはキャッシュを無効にするように設定されている
/{br
構文形式
- < メタ http-equiv = "cache-control" コンテンツ = "no-cache" />
我々は、ブラウザがキャッシュ機構を持っていることを知っている、自動的にローカルに保存されますWebページを開くことです、再び訪問する時間の特定の期間にそうすることの目的は、直接アクセス速度を向上させるためにキャッシュされたファイルを呼び出すことになります。しかし、我々はキャッシュファイルを保存するためにブラウザをしたくない時間から時間をページを変更するなど、フォーラムのように、このコードを追加することができます。 そこにプログラムの開発で別の用途は、コードの変更の効果を確認するためにプログラムをデバッグすると、このコードを使用して無効にすることができます。
別の書き方で
- < メタ http-equiv = "プラグマ" コンテンツ = "no-cache" >
関連
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
html css3 伸縮しない 画像表示効果
-
html+css implement picture upper right corner with delete fork, picture delete button.
-
htmlで中国語をutf-8に変換する方法
-
ダウンロードボタン機能を非表示にするHTMLページネイティブVIDEOタグ
-
表には、表示したいボーダーラインのコードが表示されます
-
iframeのテクニックを使って、訪問者にqqの実装アイデアとサンプルコードを提供する。
-
テーブルの幅がテキストによって変化しないように設定し、固定幅にする
-
HTML画像imgタグ_动力节目Java学院整理
-
フォームの読み取り専用属性と無効化属性
-
HTML&CSS&JS互換ツリー(IE、Firefox、chrome)