ホームページ > ウェブフロントエンド > htmlチュートリアル > メタタグの使い方は?メタタグの使い方

メタタグの使い方は?メタタグの使い方

云罗郡主
リリース: 2018-10-18 16:40:11
転載
2873 人が閲覧しました

この記事でわかるのは、メタ タグの使用方法です。メタタグの使い方は参考になると思います。

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

1. name 属性

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

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

<meta name="参数" content="具体的参数值">
ログイン後にコピー

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

①Keywords(キーワード)

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

例:

<meta name="keywords" content="meta总结,html meta,meta属性,meta跳转">
ログイン後にコピー

②description (Web サイト コンテンツの説明)

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

例:

<meta name="description" content="haorooms博客,html的meta总结,meta是html语言head区的一个辅助性标签。">
ログイン後にコピー

③robots (ロボット ガイド)

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

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

例:

<meta name="robots" content="none">
ログイン後にコピー

具体的なパラメータは次のとおりです。
情報パラメータはすべてです。ファイルが取得され、ページ上のリンクをクエリできます。

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

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

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

④author(author)

説明: 著者をマークします。 Web ページの

例:

<meta name="author" content="root,root@xxxx.com">
ログイン後にコピー

⑤generator

<meta name="generator" content="信息参数"/>
ログイン後にコピー

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

⑥copyright

<meta name="copyright" content="信息参数">
ログイン後にコピー

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

⑦revisit-after

<meta name="revisit-after" content="7days">
ログイン後にコピー

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

2.http-equiv 属性

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

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

<meta http-equiv="参数"content="参数变量值">;
ログイン後にコピー

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

①Expires(ピリオド)

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

使用法:

<meta http-equiv="expires" content="Fri,12Jan200118:18:18GMT">
ログイン後にコピー

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

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

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

使用法:

<meta http-equiv="Pragma"content="no-cache">
ログイン後にコピー

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

③Refresh(refresh)

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

使用法:

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

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

④Set-Cookie (クッキー設定)

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

使用法:

<meta http-equiv="Set-Cookie"content="cookie value=xxx;expires=Friday,12-Jan-200118:18:18GMT;path=/">
ログイン後にコピー

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

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

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

使用法:

<meta http-equiv="Window-target"content="_top">
ログイン後にコピー

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

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

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

使用法:

<meta http-equiv="content-Type"content="text/html;charset=gb2312">
ログイン後にコピー

詳細は次のとおりです:

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

meta タグの文字セット情報パラメータが BIG5 の場合は、

meta タグの文字セット情報パラメータが繁体字中国語であることを意味します。 iso-2022-jp などの場合は、Web サイトで使用されているエンコーディングが繁体字中国語であることを意味し、

meta タグの文字セット情報パラメータが ks_c_5601 などの場合は、Web サイトで使用されているエンコーディングが意味します。ウェブサイトが韓国語の場合、

meta タグの文字セット情報パラメータが ISO-8859-1 の場合、# の文字セットの情報パラメータが英語であることを意味します。

##meta タグは UTF-8 などで、世界共通の言語エンコーディングを表します。

⑦content-Language (表示言語設定)

使用法:

<meta http-equiv="Content-Language"content="zh-cn"/>
ログイン後にコピー

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

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。各个消息中的指令含义如下:

Public指示响应可被任何缓存区缓存;

Private指示对于单个用户的整个或部分响应消息,不能被共享缓存处理。这允许服务器仅仅描述当用户的部分响应消息,此响应消息对于其他用户的请求无效;

no-cache指示请求或响应消息不能缓存;

no-store用于防止重要的信息被无意的发布。在请求消息中发送将使得请求和响应消息都不使用缓存;

max-age指示客户机可以接收生存期不大于指定时间(以秒为单位)的响应;

min-fresh指示客户机可以接收响应时间小于当前时间加上指定时间的响应;

max-stale指示客户机可以接收超出超时期间的响应消息。如果指定max-stale消息的值,那么客户机可以接收超出超时期指定值之内的响应消息。

⑨http-equiv=”imagetoolbar”

<meta http-equiv="imagetoolbar"content="false"/>
ログイン後にコピー

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

⑩Content-Script-Type

<meta http-equiv="Content-Script-Type" Content="text/javascript">
ログイン後にコピー

  以上就是对meta标签如何使用?meta标签使用方法的全部介绍,如果您想了解更多有关HTML视频教程,请关注PHP中文网

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

関連ラベル:
ソース:csdn.net
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート