HTMLメタの大きな役割

HTMLメタの大きな役割
メタ属性には、name と http-equiv の 2 つがあります。 name 属性は主に、Web ページを記述し、コンテンツ (Web ページのコンテンツ) に対応するために使用され、検索エンジン ロボットが検索して分類するのに役立ちます (現在、ほぼすべての検索エンジンは、オンライン ロボットを使用してメタ値を自動的に検索し、Web ページを分類します)。最も重要なのは、description(検索エンジンでのサイトの説明)とkeywords(カテゴリキーワード)なので、各ページにメタ値を追加する必要があります。最も一般的に使用されるものは次のとおりです。
name 属性 1、<meta name="Generator" contect=""> は、生成ツール (Microsoft FrontPage 4.0 など) などを記述するために使用されます。
2. <meta name="KEYWords" contect="">Web ページのキーワードを検索エンジンに通知します。
3. <meta name="DEscription" contect="">検索エンジンにサイトのメインコンテンツを伝えます。
4. <meta name="Author" contect="your name"> 検索エンジンにサイトの著者を伝えます。
5. <meta name="ロボット" context="すべて|なし|インデックス|なし|フォロー|nofollow">
プロパティの説明は次のとおりです。
すべてに設定: ファイルが取得され、ページ上のリンクを照会できます。
none に設定: ファイルは取得されず、ページ上のリンクを照会することはできません。
インデックスに設定: ファイルが取得されます。
フォローするように設定: ページ上のリンクをクエリできます。
noindex に設定: ファイルはインデックス化されませんが、ページ上のリンクはクエリできます。
nofollow に設定: ファイルはインデックス化されませんが、ページ上のリンクはクエリできます。
http-equiv 属性 1、<meta http-equiv="Content-Type" contect="text/html";charset=gb_2312-80">
<meta http-equiv="Content-Language" contect="zh-CN">ホームページの作成に使用されたテキストと言語を説明します。
たとえば、英語は ISO-8859-1 文字セットであり、BIG5、utf-8、shift-Jis、Euc、Koi8-2 などの文字セットもあります。
2. <meta http-equiv="Refresh" contect="n;url=http://yourlink">指定された時間 n 内に http://yourlink ページにジャンプするように Web ページをスケジュールします。
3. <meta http-equiv="Expires" contect="Mon,12 May 2001 00:20:00 GMT"> を使用すると、Web ページの有効期限を設定できます。有効期限が切れると、サーバー上で再度呼び出す必要があります。 GMT 時間形式を使用する必要があることに注意してください。
4. <meta http-equiv="Pragma" contect="no-cache"> は、ブラウザがローカル マシンのキャッシュからページ コンテンツにアクセスすることを禁止するために使用されます。これを設定すると、Web ページを離れると、キャッシュから取得できなくなります。
5. <meta http-equiv="set-cookie" contect="Mon,12 May 2001 00:20:00 GMT">Cookie 設定。Web ページの有効期限が切れると、保存された Cookie は削除されます。 GMT 時間形式を使用する必要があることに注意してください。
6. <meta http-equiv="Pics-label" context="">Web ページの評価。IE のインターネット オプションには、一部の制限された Web サイトの閲覧を禁止できるコンテンツ設定があります。Web サイトの制限レベルは、meta 属性によって設定されます。
7. <meta http-equiv="windows-Target" contect="_top">ページを現在のウィンドウに独立したページとして表示するように強制します。これにより、Web ページが他のユーザーによってフレーム ページとして呼び出されるのを防ぐことができます。
8. <meta http-equiv="Page-Enter" contect="revealTrans(duration=10,transtion= 50)"> と <meta http-equiv="Page-Exit" contect="revealTrans(duration=20,transtion=6)"> は、ページに入るときと出るときに特別な効果を設定します。この機能は、FrontPage の「フォーマット/Web ページ遷移」ですが、追加するページはフレームページにすることはできません。
上記は、よく使用されるメタ属性の一部です。個人のホームページをお持ちの場合は、ホームページに追加することもできます。効果は異なります:)。

<<:  知っておくべき 25 の Vue のヒント

>>:  CSS3 カテゴリメニュー効果

推薦する

LINUX でプロセスを表示する 4 つの方法 (要約)

プロセスは CPU とメモリ内で実行されるプログラム コードであり、各プロセスは 1 つ以上のプロセ...

Ubuntu に MySQL 5.7 をインストールし、データ ストレージ パスを構成する方法

1. MySQLをインストールするこの記事はAPT経由でインストールされており、インストールされてい...

Docker Compose のサイドカーモードの詳細な説明

目次Docker Composeとは要件に不適切な言語が使用されている実装Docker Compos...

Vue3 (V) HTTPライブラリaxiosの統合の詳細

目次1. axiosをインストールする2. アクシオスの使用1.ホームページでaxiosを参照する2...

CSS を使用して物流の進行状況のスタイルを実装するためのサンプルコード

効果: CSS スタイル: <スタイル タイプ="text/css">...

Mysql5.7 以降での ONLY_FULL_GROUP_BY エラーの解決方法

最近、開発プロセス中に、プロジェクト開発環境に接続されている MySQL データベースは Aliba...

Dockerはホスト間のネットワーク通信を実現するためにMacvlanを導入する

基本的な概念: Macvlanの動作原理: Macvlan は、Linux カーネルでサポートされて...

JavaScript WebAPI、DOM、イベント、操作要素例の詳しい説明

目次ウェブAPI DOM DOMツリーDOM要素取得方法ドキュメントオブジェクトのプロパティイベント...

CentOS 7.0 (mysql-5.7.21) で複数の MySQL インスタンスを起動する方法

設定手順Linux システム: CentOS-7.0 MySQL バージョン: 5.7.21 Lin...

HTML テーブル マークアップ チュートリアル (5): ライト ボーダー カラー属性 BORDERCOLORLIGHT

表では、左上の境界線の色を個別に定義したり、セルの右下の境界線の色を定義したりできます。これら 2 ...

ショートビデオ(Douyin)の透かし除去ツールの実装コード

目次1. まず最初のリンクを取得する2. ブラウザでこのリンクを開いてください3. アドレスを開くと...

WeChatミニプログラムがシームレスなスクロールを実現

この記事の例では、WeChatアプレットのシームレスなスクロールを実現するための具体的なコードを参考...

HTMLセマンティクスと関連するフロントエンドフレームワークの詳細な分析

セマンティクスについて意味論は、記号やシンボルとそれらが表す意味との関係を研究する学問です。言語学で...

nginx+FastDFS を使ってファイル管理システムを段階的に構築する

目次1. FastDFS の概要1. はじめに2. FastDFSストレージ戦略3. FastDFS...

Windows での Nginx のインストールと環境設定 (nginx をサービスとして実行)

最初で最も重要なステップは、Windows 環境に Ngnix サービスをインストールする方法です。...