ホームページ > ウェブフロントエンド > htmlチュートリアル > HTML メタの概要、HTML タグでのメタ属性の使用の概要

HTML メタの概要、HTML タグでのメタ属性の使用の概要

WBOY
リリース: 2016-08-27 08:53:56
オリジナル
1288 人が閲覧しました

引用: http://www.haorooms.com/post/html_meta_ds

はじめに

metaはHTML言語のhead領域にある補助タグです。もしかしたら、このコードは必要ないと思われるかもしれません。実際、メタ タグをうまく活用できれば、予期せぬ効果がもたらされます。メタ タグの機能は、検索エンジンの最適化 (SEO)、ページで使用される言語の定義、自動的に更新され、新しいページを指すことです。 Web ページ変換時のダイナミクスの実現、ページ バッファリングの制御、Web ページの評価と評価、Web ページ表示のウィンドウの制御など。

htmlメタサマリー

メタ タグの構成: メタ タグには http-equiv 属性と name 属性の 2 つの属性があり、これらの異なるパラメータ値により異なる Web ページ機能が実現されます。

1. 名前属性

name 属性は主に Web ページを説明するために使用され、対応する属性値は content であり、主に検索エンジン ロボットが情報を検索して分類するために使用されます。

meta タグの name 属性の構文形式は次のとおりです:

リーリー

name 属性には主に次のパラメータがあります:

A、キーワード

説明: キーワードは、Web ページのキーワードが何であるかを検索エンジンに伝えるために使用されます。

例:

リーリー

B、description(ウェブサイトコンテンツの説明)

説明: 説明は、検索エンジンに Web サイトのメインコンテンツを伝えるために使用されます。

例:

リーリー

C、ロボット(ロボットガイド)

説明: ロボットは、どのページにインデックスを付ける必要があるか、どのページにインデックスを付ける必要がないのかを検索ロボットに伝えるために使用されます。

コンテンツのパラメータには、all、none、index、noindex、follow、および nofollow が含まれます。デフォルトはすべてです。

例:

リーリー

具体的なパラメータは次のとおりです:

情報パラメータはすべてです: ファイルが取得され、ページ上のリンクがクエリ可能になります。

情報パラメータは none です。ファイルは取得されず、ページ上のリンクはクエリできません。

情報パラメータはインデックスです: ファイルが取得されます。

情報パラメータは次のとおりです: ページ上のリンクをクエリできます。

情報パラメータは noindex です。ファイルは取得されませんが、ページ上のリンクはクエリできます。

情報パラメータは nofollow です。ファイルは取得されますが、ページ上のリンクはクエリできません。

D、著者(著者)

手順: ウェブページの作成者をマークしてください

例: リーリー

E、発電機

リーリー

メタタグのジェネレータ情報パラメータは、ウェブサイトの作成に使用されたソフトウェアを表します。

F、著作権

リーリー

メタタグのCOPYRIGHT情報パラメータは、Webサイトの著作権情報を表します。

G、再訪後

リーリー

revisit-after は Web サイトの再訪問を表し、7days は 7 日間を表します。

2. http-equiv 属性

http-equiv は、名前が示すように、http のファイル ヘッダー機能と同等であり、Web ページのコンテンツを正確かつ正確に表示するために役立つ情報をブラウザーに返すことができます。対応する属性値は content です。内容は実際には各パラメータの変数値です。

meta タグの http-equiv 属性の構文形式は次のとおりです:

リーリー

http-equiv 属性には主に次のパラメータがあります:

A、期限切れ

説明: Web ページの有効期限を設定するために使用できます。 Web ページの有効期限が切れると、サーバーに再送信する必要があります。

使用法: リーリー

注: GMT 時間形式を使用する必要があります。

B、プラグマ (キャッシュモード)

説明: ブラウザーがローカル コンピューターのキャッシュにあるページ コンテンツにアクセスできないようにします。

使用法: リーリー

注: この設定では、訪問者はオフラインで閲覧できなくなります。

C、リフレッシュ

説明: 自動的に更新され、新しいページが表示されます。

使用法: リーリー

注: 2 は、2 秒間滞在した後に URL を自動的に更新することを指します。

D、Set-Cookie(クッキー設定)

注: Web ページの有効期限が切れると、保存された Cookie は削除されます。

使用法: リーリー

注: GMT 時間形式を使用する必要があります。

E、ウィンドウターゲット(表示ウィンドウ設定)

説明: ページを現在のウィンドウに独立したページとして強制的に表示します。

使用法: リーリー

注: 他の人がフレーム内で自分のページを呼び出すのを防ぐために使用されます。

F、content-Type(表示文字セット設定)

説明: ページで使用される文字セットを設定します。

使用法: リーリー

詳細は以下の通りです

メタタグの文字セット情報パラメータが GB2312 などの場合、Web サイトで使用されるエンコーディングが簡体字中国語であることを意味します。

メタタグの文字セット情報パラメータがBIG5などの場合、Webサイトで使用されるエンコーディングが繁体字中国語であることを意味します。 メタタグのcharset情報パラメータがiso-2022-jpなどの場合、Webサイトで使用されているエンコーディングが日本語であることを意味します

メタタグの文字セット情報パラメータが ks_c_5601 の場合、Web サイトで使用されているエンコーディングが韓国語であることを意味します。

メタタグの文字セット情報パラメータが ISO-8859-1 などの場合、Web サイトで使用されるエンコーディングが英語であることを意味します。

メタタグの文字セット情報パラメータがUTF-8などの場合、それは世界共通言語エンコーディングを表します。

G、content-Language(显示语言的设定)

用法:

<code><span class="tag"><meta<span class="pln"> <span class="atn">http-equiv<span class="pun">=<span class="atv">"Content-Language"<span class="atn">content<span class="pun">=<span class="atv">"zh-cn"<span class="tag">/></span></span></span></span></span></span></span></span></span></code>
ログイン後にコピー

H、Cache-Control指定请求和响应遵循的缓存机制。

Cache-Control指定请求和响应遵循的缓存机制。在请求消息或响应消息中设置Cache-Control并不会修改另一个消息处理过程中的缓存处理过程。请求时的缓存指令包括no-cache、no-store、max-age、max-stale、min-fresh、on

ly-if-cached,响应消息中的指令包括public、private、no-cache、no-store、no-transform、must-revalidate、proxy-revalidate、max-age。各个消息中的指令含义如下

Public指示响应可被任何缓存区缓存

Private指示对于单个用户的整个或部分响应消息,不能被共享缓存处理。这允许服务器仅仅描述当用户的部分响应消息,此响应消息对于其他用户的请求无效

no-cache指示请求或响应消息不能缓存

no-store用于防止重要的信息被无意的发布。在请求消息中发送将使得请求和响应消息都不使用缓存。

max-age指示客户机可以接收生存期不大于指定时间(以秒为单位)的响应

min-fresh指示客户机可以接收响应时间小于当前时间加上指定时间的响应

max-stale指示客户机可以接收超出超时期间的响应消息。如果指定max-stale消息的值,那么客户机可以接收超出超时期指定值之内的响应消息。

J、http-equiv="imagetoolbar"

<code><span class="tag"><meta<span class="pln"> <span class="atn">http-equiv<span class="pun">=<span class="atv">"imagetoolbar"<span class="atn">content<span class="pun">=<span class="atv">"false"<span class="tag">/></span></span></span></span></span></span></span></span></span></code>
ログイン後にコピー

指定是否显示图片工具栏,当为false代表不显示,当为true代表显示。

K、Content-Script-Type

<code><span class="tag"><Meta<span class="pln"> <span class="atn">http-equiv<span class="pun">=<span class="atv">"Content-Script-Type"<span class="atn">Content<span class="pun">=<span class="atv">"text/javascript"<span class="tag">></span></span></span></span></span></span></span></span></span></code>
ログイン後にコピー

W3C网页规范,指明页面中脚本的类型。

L 页面跳转,只用于IE

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