HTML_html/css_WEB-ITnoseのメタタグの機能と属性のまとめ

フロントエンド開発で HTML 静的 Web ページ テンプレートを作成する場合、head タグには常に多くのメタ タグが含まれますが、ほとんどの場合、これらのタグの具体的な機能はわかりません。他の人も書いています！

今日、編集者はウェブページにおけるメタタグの役割について特に質問しました。

meta は head 領域の補助タグです。その主な機能は次のとおりです: 検索エンジン最適化 (SEO)、ページで使用される言語の定義、自動的に更新して新しいページを指定、Web ページ変換中に動的効果を実現、ページ バッファリングの制御、Web ページの評価と評価、ウィンドウの制御Webページ表示などに！

meta タグには http-equiv 属性と name 属性の 2 つの属性があります。

1.http-equiv 属性

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

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

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

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(更新)

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

使用法:

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

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

D. Set-Cookie (Cookie 設定)

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

使用法:

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

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

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

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

使用法:

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

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

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

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

使用法:

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

詳細は次のとおりです:

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

G、content-Language（表示言語設定）

Usage:

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

H、Cache -Control は、リクエストとレスポンスが後に続くキャッシュ メカニズムを指定します。

リクエスト メッセージまたはレスポンス メッセージで Cache-Control を設定しても、別のメッセージ処理プロセスのキャッシュ処理プロセスは変更されません。

リクエストのキャッシュ命令には、no-cache、no-store、max-age、max-stale、min-fresh、only-if-cached が含まれ、応答メッセージの命令には、public、private、no-cache が含まれます。 、no-store、no-transform、must-revalidate、proxy-revalidate、max-age。各メッセージの指示の意味は次のとおりです。

パブリックは、応答を任意のキャッシュ領域にキャッシュできることを示します。

プライベートは、単一ユーザーの応答メッセージ全体または一部が共有キャッシュで処理できないことを示します。これにより、サーバーはユーザーの部分的な応答メッセージのみを記述することができます。これは、他のユーザーの要求には無効です。

no-cache は、重要な情報が保存されないように、要求または応答メッセージをキャッシュできないことを示します。うっかり解放されてしまう。リクエスト メッセージで送信すると、リクエスト メッセージと応答メッセージの両方でキャッシュが使用されます。

max-age は、クライアントが指定された時間 (秒単位) 以下の有効期間で応答を受信できることを示します

min-fresh は、クライアントが現在時刻に指定された時間を足したものよりも短い応答時間で応答を受信できることを示します

max-stale クライアントがタイムアウト期間を超えて応答メッセージを受信できることを示します。 max-stale メッセージの値を指定すると、クライアントは指定されたタイムアウト期間の値を超える応答メッセージを受信する可能性があります。

J, http-equiv="imagetoolbar"

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

画像ツールバーを表示するかどうかを指定します。 false の場合は表示しないことを意味します。

2. name 属性

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

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

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

其中name属性主要有以下几种参数：　

A、Keywords(关键字)　

说明：keywords用来告诉搜索引擎你网页的关键字是什么。

举例：

<meta name="keywords" content="">

B、description(网站内容描述)

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

举例：

<meta name="description" content="">

C、robots(机器人向导)

说明：robots用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。

content的参数有all,none,index,noindex,follow,nofollow。默认是all。

举例：

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

具体参数如下：

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

信息参数为none：文件将不被检索，且页面上的链接不可以被查询；

信息参数为index：文件将被检索；

信息参数为follow：页面上的链接可以被查询；

信息参数为noindex：文件将不被检索，但页面上的链接可以被查询；

信息参数为nofollow：文件将被检索，但页面上的链接不可以被查询；

D、author(作者)

说明：标注网页的作者

举例：

<meta name="author" content="jesse131work@163.com">

E、generator

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

meta标签的generator的信息参数，代表说明网站的采用的什么软件制作。

F、COPYRIGHT

<meta name="copyright" content="信息参数">

meta标签的copyright的信息参数，代表说明网站版权信息。

G、revisit-after

<meta name="revisit-after" content="7days">

revisit-after代表网站重访,7days代表7天，依此类推。

本文参考 html的meta总结，html标签中meta属性使用介绍