メタタグの機能は何ですか?

今回は、metaタグの役割と、metaタグを使用する際の注意点について、実際の事例を交えて見ていきましょう。

あなたの個人ウェブサイトがどれほど素晴らしくても、「海のように広大な」サイバースペースで人々に発見されるのは依然として難しいです。あなたの個人ウェブサイトを宣伝する方法として、人々が最初に考える方法は次のとおりです。

● 検索エンジンで自分の個人 Web サイトにログインします

● 有名な Web サイトに自分の個人 Web サイトへのリンクを追加します

● フォーラムに投稿して個人 Web サイトを宣伝します

多くの人は強力なウェブサイトを無視しますHTML タグ META の効果、優れた META タグのデザインにより、あなたの個人 Web サイトが検索される可能性が大幅に高まります。もう一度 META タグについて勉強しましょう。

META タグは、HTML 言語の HEAD 領域にある補助タグです。HTML ドキュメント の head タグと title << タグの間に配置されます。ユーザー。メタ タグは通常、検索エンジン ロボットのページ テーマを定義したり、ユーザーのブラウザで Cookie を定義したりするために使用されます。また、作成者の識別、ページ形式の設定、コンテンツの概要とキーワードのマーク付けにも使用できます。自分自身を更新する間隔を定義したり、RASC コンテンツ レベルなどを設定したりできます。

詳しい紹介

タグの例と説明をいくつか示します。

METAタグは、HTTPヘッダー情報(HTTP-EQUIV)とページ説明情報(NAME)の2つの部分に分かれています。

★HTTP-EQUIV

HTTP-EQUIV は、HTTP のヘッダー プロトコルに似ており、Web ページのコンテンツを正確かつ正確に表示するために役立つ情報をブラウザーに返します。一般的に使用される HTTP-EQUIV タイプは次のとおりです:

1、Content-Type および Content-Language (表示文字セット設定) Global Online School edu24ol.com から転送 Global Online School edu24ol.com から転送 Global Online School edu24ol.com から転送

命令: セット 指定されたページで使用される文字セットは、ホームページの作成で使用されるテキストと言語を記述するために使用され、ブラウザーは対応する文字セットを呼び出して、これに基づいてページのコンテンツを表示します。

使用法:

<Meta http-equiv="Content-Type" Content="text/html; Charset=gb2312">
<Meta http-equiv="Content-Language" Content="zh-CN">

注: この META タグは、HTML ページで使用される文字セットを国家標準の中国語文字コードである GB2132 として定義します。 「charset=GB2312」を「BIG5」に置き換えると、このページで使用される文字セットは繁体字中国語の Big5 コードになります。一部の海外サイトを閲覧すると、IE ブラウザ により、ページを正しく表示するには xx 言語サポートをダウンロードする必要があるというメッセージが表示されます。この機能は、HTML ページの META タグの Content-Type 属性を読み取ることで、ページを表示するためにどの文字セットを使用する必要があるかを知ることです。対応する文字セットがシステムにインストールされていない場合、IE はダウンロードを求めるプロンプトを表示します。他の言語も異なる文字セットに対応しています。たとえば、日本語の文字セットは「iso-2022-jp」、韓国語の文字セットは「ks_c_5601」です。

Content-Type コンテンツは、text/xml およびその他のドキュメント タイプにもできます。

Charset オプション: ISO-8859-1 (英語)、BIG5、UTF-8、SHIFT-Jis、Euc、Koi8-2、us- ascii、x-mac-roman、iso-8859-2、x-mac-ce、iso-2022-jp、x-sjis、x-euc-jp、euc-kr、iso-2022-kr、gb2312、gb_2312- 80、x-euc-tw、x-cns11643-1、x-cns11643-2 およびその他の文字セット。Content-Language の内容は、EN、FR、およびその他の言語コードにすることもできます。

2. 更新 (リフレッシュ) Global Online School edu24ol.com から転送 Global Online School edu24ol.com から転送 Global Online School edu24ol.com から転送

説明: Web ページの更新にかかる時間 (秒) Web ページ自体、または他の Web ページへのリンクが自動的に更新されるまでにどのくらい時間がかかりますか?

使用法:

<Meta http-equiv="Refresh" Content="30">
<Meta http-equiv="Refresh" Content="5; Url=http://www.xia8.net">

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

3. 有効期限 (期間) Global Online School edu24ol.com から転送 Global Online School edu24ol.com から転送

説明: キャッシュ内の Web ページの有効期限を指定します。 Web ページの有効期限が切れた場合は、サーバーから取得する必要があります。

使用法:

<Meta http-equiv="Expires" Content="0">
<Meta http-equiv="Expires" Content="Wed, 26 Feb 1997 08:21:57 GMT">

注: GMT の時刻形式を使用するか、直接 0 に設定する必要があります (数字は有効期限が切れるまでの時間を示します)。

4. プラグマ (キャッシュ モード)

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

使用法:

注: Web ページはキャッシュに保存されず、アクセスするたびにページが更新されます。この設定では、訪問者はオフラインで閲覧できなくなります。

5. Set-Cookie (Cookie 設定)

手順: ブラウザがページにアクセスすると、そのページがキャッシュに保存され、次回のアクセス時にキャッシュから読み取られるため、速度が向上します。訪問者が広告のアイコンを毎回更新する場合、またはカウンタを毎回更新する場合は、キャッシュを無効にします。通常、HTML ファイルのキャッシュを無効にする必要はありません。ASP などのページでは、表示されるすべてのページがサーバー上で動的に生成され、キャッシュは無意味であるためです。 Web ページの有効期限が切れると、保存された Cookie は削除されます。

使用法:

<Meta http-equiv="Set-Cookie" Content="cookievalue=xxx; expires=Wednesday,
21-Oct-98 16:14:21 GMT; path=/">

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

6. ウィンドウターゲット (表示ウィンドウ設定)

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

用法：

注意：这个属性是用来防止别人在框架里调用你的页面。Content选项：_blank、_top、_self、_parent.

7、Pics-label （网页RSAC等级评定）

说明：在IE的Internet选项中有一项内容设置，可以防止浏览一些受限制的网站，而网站的限制级别就是通过该参数来设置的。

用法：：

<META http-equiv="Pics-label" Contect="(PICS－1.1&#39;http://www.rsac.org/ratingsv01.html&#39;I gen comment &#39;RSACi North America Sever&#39; by &#39;inet@microsoft.com&#39;for &#39;http://www.microsoft.com&#39; on &#39;1997.06.30T14:21－0500&#39; r(n0 s0 v0 l0))">

注意：不要将级别设置的太高。RSAC的评估系统提供了一种用来评价Web站点内容的标准。用户可以设置Microsoft Internet Explorer（IE3.0以上）来排除包含有色情和暴力内容的站点。上面这个例子中的HTML取自Microsoft的主页。代码中的（n 0 s 0 v 0 l 0）表示该站点不包含不健康内容。级别的评定是由RSAC，即美国娱乐委员会的评级机构评定的，如果你想进一步了解RSAC评估系统的等级内容，或者你需要评价自己的网站，可以访问RSAC的站点：http://www.rsac.org/.

8、Page-Enter、Page-Exit （进入与退出）

说明：这个是页面被载入和调出时的一些特效。

用法：

<Meta http-equiv="Page-Enter" Content="blendTrans(Duration=0.5)">
<Meta http-equiv="Page-Exit" Content="blendTrans(Duration=0.5)">

二、

name的content指定实际内容。如：如果指定level(等级)为value(值)，则Content可能是beginner(初级)、intermediate(中级)、advanced(高级)。

1、Keywords (关键字)

说明：为搜索引擎提供的关键字列表转自环 球 网校edu24ol.com转自环 球 网校edu24ol.com转自环 球 网校edu24ol.com

用法：

注意：各关键词间用英文逗号“,”隔开。META的通常用处是指定搜索引擎用来提高搜索质量的关键词。当数个META元素提供文档语言从属信息时，搜索引擎会使用lang特性来过滤并通过用户的语言优先参照来显示搜索结果。例如：

<Meta name="Kyewords" Content="vacation,greece,sunshine">
<Meta name="Kyewords" Content="vacances,grè:ce,soleil">

2、Description (简介)

说明：Description用来告诉搜索引擎你的网站主要内容。

用法：

注意：

3、Robots (机器人向导)转自环 球 网校edu24ol.com转自环 球 网校edu24ol.com转自环 球 网校edu24ol.com

说明：Robots用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。Content的参数有all、none、index、noindex、follow、nofollow。默认是all。

用法：

注意：许多搜索引擎都通过放出robot/spider搜索来登录网站，这些robot/spider就要用到meta元素的一些特性来决定怎样登录。

all：文件将被检索，且页面上的链接可以被查询；

none：文件将不被检索，且页面上的链接不可以被查询；(和 "noindex, no follow" 起相同作用)

index：文件将被检索；（让robot/spider登录）

follow：页面上的链接可以被查询；转自环 球 网校edu24ol.com转自环 球 网校edu24ol.com转自环 球 网校edu24ol.com

noindex：文件将不被检索，但页面上的链接可以被查询；(不让robot/spider登录)

nofollow：文件将不被检索，页面上的链接可以被查询。(不让robot/spider顺着此页的连接往下探找)

4、Author (作者)

说明：标注网页的作者或制作组

用法：

<Meta name="Author" Content="张三，abc@sina.com">

注意：Content可以是：你或你的制作组的名字,或Email

5、Copyright (版权)

说明：标注版权转自环 球 网校edu24ol.com转自环 球 网校edu24ol.com转自环 球 网校edu24ol.com

用法：

<Meta name="Copyright" Content="本页版权归Zerospace所有。All Rights Reserved">

6、Generator (编辑器)

说明：编辑器的说明

用法：

<Meta name="Generator" Content="PCDATA|FrontPage|">

注意：Content="你所用编辑器"

相信看了这些案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

相关阅读：

怎样解决textarea标签大小不可变不能通过鼠标拖动的方式来拖动的问题

在HTML中select标签怎样实现单选和多选

a标签的href属性与onclick事件应该如何使用

怎样实现meta标签中的viewport来控制设备屏幕的css属性

以上がメタタグの機能は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。