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

原文: http://www.haorooms.com/post/html_meta_ds

はじめに

メタについては以前のブログで紹介しています。例: http://www.haorooms.com/post / liulanq_think_ie この記事はブラウザのセキュリティに関するもので、ページ間の遷移変換を実現できるメタ下の IE のいくつかの属性を紹介します。 SEOの最適化でもすでに言及されています。ここでは、meta の機能と使い方を詳しく紹介します。

まえがき

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

html メタの概要

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

1. name 属性

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

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

[code]<meta name="参数"content="具体的参数值">。

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

A. キーワード (キーワード)

説明: キーワードは検索を指示するために使用されます。 Web ページに関するエンジン キーワードは何ですか。

例:

[code]<meta name="keywords"content="meta总结,html meta,meta属性,meta跳转">

B. 説明 (Web サイトのコンテンツの説明)

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

例:

[code]<meta name="description"content="haorooms博客,html的meta总结，meta是html语言head区的一个辅助性标签。">

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

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

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

例:

[code]<meta name="robots"content="none">

特定のパラメータは次のとおりです:

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

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

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

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

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

説明: Web ページの作成者をマークします
例:

[code]<meta name="author"content="root,root@xxxx.com">

E、ジェネレータ

[code]<meta name="generator"content="信息参数"/>

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

F、COPYRIGHT

[code]<META NAME="COPYRIGHT"CONTENT="信息参数">

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

G、revisit-after

[code]<META name="revisit-after"CONTENT="7days">

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

2. http-equiv 属性

http-equiv は、名前が示すように、http のファイル ヘッダー関数に相当し、ファイルのコンテンツを正確かつ正確に表示するのに役立つ情報をブラウザーに返すことができます。属性値はコンテンツであり、コンテンツ内のコンテンツは実際には各パラメータの変数値です。

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

[code]<meta http-equiv="参数"content="参数变量值">；

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

A、Expires (ピリオド)

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

[code]<meta http-equiv="expires"content="Fri,12Jan200118:18:18GMT">

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

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

説明: ブラウザーがローカル コンピューターのキャッシュにあるページ コンテンツにアクセスすることを禁止します。
使用法:

[code]<meta http-equiv="Pragma"content="no-cache">

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

C、Refresh(更新)

説明: 自動的に更新し、新しいページをポイントします。
使用法:

[code]<meta http-equiv="Refresh"content="2;URL=http://www.haorooms.com"> //(注意后面的引号，分别在秒数的前面和网址的后面)

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

D. Set-Cookie (Cookie 設定)

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

[code]<meta http-equiv="Set-Cookie"content="cookie value=xxx;expires=Friday,12-Jan-200118:18:18GMT；path=/">

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

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

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

[code]<meta http-equiv="Window-target"content="_top">

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

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

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

[code]<meta http-equiv="content-Type"content="text/html;charset=gb2312">

具体如下：

meta标签的charset的信息参数如GB2312时，代表说明网站是采用的编码是简体中文；

meta标签的charset的信息参数如BIG5时，代表说明网站是采用的编码是繁体中文；

meta标签的charset的信息参数如iso-2022-jp时，代表说明网站是采用的编码是日文；

meta标签的charset的信息参数如ks_c_5601时，代表说明网站是采用的编码是韩文；

meta标签的charset的信息参数如ISO-8859-1时，代表说明网站是采用的编码是英文；

meta标签的charset的信息参数如UTF-8时，代表世界通用的语言编码；

G、content-Language（显示语言的设定）

用法：

[code]<meta http-equiv="Content-Language"content="zh-cn"/>

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]<meta http-equiv="imagetoolbar"content="false"/>

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

K、Content-Script-Type

[code]<Meta http-equiv="Content-Script-Type"Content="text/javascript">

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

L 页面跳转，只用于IE

具体请看 http://www.haorooms.com/post/liulanq_think_ie

以上がHTML でのメタ属性の使用の概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。