HTML のメタの概要、HTML タグでのメタ属性の使用の概要_html/css_WEB-ITnose

はじめに

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

まえがき

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

HTML メタの概要

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

1. name 属性

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

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

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

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

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

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

例:

rrree

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

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

例:

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

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

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

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

例:

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

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

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

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

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

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

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

D、作成者 (作成者)

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

例:

<meta name="robots"content="none">

E, ジェネレーター

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

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

F、COPYRIGHT

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

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

G、revisit-after

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

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

2. http-equiv 属性

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

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

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

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

A、Expires (ピリオド)

説明: これは、ウェブページの到着日の期間。 Web ページの有効期限が切れると、サーバーに再送信する必要があります。

使用法:

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

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

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

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

使用法:

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

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

C、Refresh(更新)

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

使用法:

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

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

D. Set-Cookie (Cookie 設定)

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

使用法:

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

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

E、Window-target (表示ウィンドウ設定)

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

使用法:

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

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

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

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

使用法:

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

詳細は次のとおりです:

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

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（显示语言的设定）

用法：

<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"

<meta http-equiv="imagetoolbar"content="false"/>

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

K、Content-Script-Type

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

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

L 页面跳转，只用于IE

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