ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLにおけるメタの役割とは何ですか

HTMLにおけるメタの役割とは何ですか

青灯夜游
青灯夜游オリジナル
2021-11-17 16:32:0311576ブラウズ

HTML におけるメタ タグの役割: 1. 検索エンジンの最適化 (SEO); 2. ページで使用されるエンコーディングを定義する; 3. 自動的に更新して新しいページをポイントする; 4. 動的な効果を実現するウェブページ変換中; 5. ページバッファリングの制御; 6. ウェブページの評価と評価; 7. ウェブページ表示のためのウィンドウの制御など。

HTMLにおけるメタの役割とは何ですか

このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。

HTML のメタ概要

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

meta タグには次の機能があります。

1. 検索エンジン最適化 (SEO)

2. ページで使用されるエンコーディングを定義します

3. 自動的に更新して新しいページをポイントします

4. Web ページの変換中に動的な効果を実現します

5. ページのバッファリングを制御します

6. Web ページ評価評価

7. Webページの表示を制御するウィンドウ

##1. Name属性

name属性は主にWebページの説明に使用され、対応する属性値はcontentです。 . コンテンツ内の内容は主に 検索エンジンロボットが情報を見つけて分類するのに便利です。

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

<meta name="参数"content="具体的参数值">。
name 属性には主に次のパラメータがあります:

A、キーワード (キーワード)

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

例:

<meta name="keywords"content="meta总结,html meta,meta属性,meta跳转">
B. description (Web サイト コンテンツの説明)

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

例:

<meta name="description"content="haorooms博客,html的meta总结,meta是html语言head区的一个辅助性标签。">
C、ロボット (ロボット ガイド)

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

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

例:

<meta name="robots"content="none">
具体的なパラメータは次のとおりです:

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

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

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

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

  • #情報パラメータは noindex です: ファイルは取得されませんが、ページ上のリンクはクエリできます;
  • 情報パラメータは nofollow です: ファイルは取得されます、ただし、ページ上のリンクは照会できません;
  • D、author(author)

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

例:

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

E、generator

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

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

F. COPYRIGHT

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

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

G、revisit-afte

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

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

2. http-equiv 属性

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

meta タグの http-equiv 属性の構文形式は次のとおりです。 http-equiv 属性には主に次のパラメータがあります:

A、Expires (ピリオド)

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

使用法:

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

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


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

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

使用法:

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

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

C. Refresh(refresh)

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

使用法:

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

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

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

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

使用法:

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

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

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

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

使用法:

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

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

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

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

使用方法:

<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(显示语言的设定)

用法:

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

H、http-equiv="imagetoolbar"

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

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

J、Content-Script-Type

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

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

L 页面跳转,只用于IE

推荐教程:《html视频教程

以上がHTMLにおけるメタの役割とは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。