HTML メタタグの小さなコレクション

HTML メタタグの小さなコレクション

<Head>……</head> は <HTML> のファイル ヘッダーを示し、ファイル名やファイル自体の関連情報を説明するために使用されます。通常、タグのこの部分は、この Web ページを宣言します (デフォルトの言語エンコーディング、キーワード、使用されるソフトウェアなど)。

メタタグは、HTTP タイトル情報 (HTTP-EQUIV) とページ説明情報 (NAME) の 2 つの部分に分けられます。次の表は、HTTP ヘッダー情報について説明します。

表1 HTTPヘッダー情報(HTTP-EQUIV)表

コンテンツタイプ文字セットを表示<Meta http-equiv="content-type" content="text/html;charset=GB2312>
リフレッシュページを自動的に更新したり、指定した時間にジャンプしたりします<Meta http-equiv=”refresh” content=”30;url=http://weibo.com/jjseen”>
期限切れウェブページキャッシュの有効期限を指定する<Meta http-equiv=”expires” content=”0”> <!-- まもなく期限切れになります-->
キャッシュブラウザがローカルマシンからキャッシュにアクセスできるようにするかどうか<Meta http-equiv="cach" content="NO-cach"> <!-- 無効、Web ページを保存せず、アクセスするたびに更新します -->
クッキーを設定するクッキーを無効にするか無効にするか<Meta http-equiv=”set-cookie” content=”cookievalue=××;expires=水曜日、21……/>
ウィンドウターゲットページを強制的に表示する<Meta http-equiv="window-target" content="_top/> は、ページを現在のウィンドウに独立したページとして表示するように強制します。また、他のユーザーがフレーム内でページを呼び出すのを防ぐためにも使用できます。コンテンツ オプションは、_blank、_top、_self、および _parent です。
ページに入る、ページから出るページの開始と終了時の特殊効果設定<Meta http-equiv=”page-enter” content=”blendTrans(Duration=0.5)”>これは実際には CSS フィルターを使用します。

Meta のページ説明情報 (NAME) は、Web ページの説明と記述に使用されます。名前は Web ページを説明し、コンテンツに対応しているため、検索ロボットがページを見つけて分類できます。名前の値(name="")は、提供される情報の種類を指定します。

説明、キーワード、更新などの値は既に定義されています。 creationdate、documentID、Level など、他の任意の値を指定することもできます。次の表に具体的な構文を示します。

表2 HTTP記述情報テーブル

キーワードWeb ページのキーワードを宣言し、検索エンジンが自動的にキーワード インデックスを完成させます。 <Meta name=”キーワード” content=”HTML,HTML ヘッダー,HTTP-EQUIV,meta”/>
説明ウェブサイトの主なコンテンツを説明します。検索エンジンもこの属性を使用してウェブサイトを取得しますが、表示はされません。 <Meta name=”説明” content=”このブログ投稿では、HTML のヘッド関連タグについて説明します”/>
ロボットロボット ウィザード。どのページをインデックスする必要があるか、どのページが不要かをロボットに伝えるために使用されます。 <Meta name=”ロボット” 内容=”すべて|なし|インデックス|インデックスなし|フォロー|フォローなし”>
all: ファイルがインデックス化されます。ファイルはインデックス化されず、ページ上のリンクは検索できません。 (「NoIndex,NoFollow」と同じ効果)。Index: ファイルが取得されます。フォロー: ページ上のリンクをクエリできます。
著者ページ作成者<Meta name=”著者” content=”jjseen,[email protected]”/>
著作権著作権をマークするために使用<Meta name=”Copyrightng” content=”Copyright”/>
ジェネレータエディタ
再訪後再訪問間隔を日数で設定します。 (このタグが何をするのかまだよく分かりません) <Meta name=”revisit-after” content=”7日後”>

Meta には他にもタグがいくつかあり、以下の表に示すように整理されています。

表3 メタその他のタグ

スキームコンテンツを説明する意味のあるラベル<メタスキーム=”ISBN” 名前=”識別子” コンテンツ=”0-14-042152”>
リンクファイルへのリンク<link href=”logo.ico” rel=”ショートカットアイコン”>お気に入りに追加した後に表示される小さなアイコン、アドレスバー上の小さなアイコン
ベースベースリンク<base href=”http://weibo.com/jjseen” target=”_blank”>このステートメントを使用すると、リンク時に Web ページ上のすべての相対パスが以前のアドレスに自動的に追加されます。

<<:  docker を使用して crownblog プロジェクトを Alibaba Cloud にデプロイする方法

>>:  MySQL 更新セットとの違い

推薦する

Vue はブラウザのパスワード記憶機能を無効にするサンプル コードを実装します

情報を探すインターネットで見つかったいくつかの方法: autocomplete="off&...

nginx アンチホットリンクおよびアンチクローラー設定の詳細な説明

新しい設定ファイルを作成します (たとえば、nginx インストール ディレクトリの下の conf ...

Linux での Tomcat8 のインストールとアンインストールに関する詳細なグラフィック チュートリアル

[ Tomcat8 の Linux インストール ] Tomcat をアンインストールする - まず...

Vue 円形パーセンテージ プログレスバー コンポーネントの機能の実装

必要な方はどなたでも参考にしてください。試してみて問題が見つかった場合は、メッセージを残してお知らせ...

VUEはトークンログイン認証を実装

この記事では、トークンログイン認証を実装するためのVUEの具体的なコードを例として紹介します。具体的...

HTML マルチヘッダーテーブルコード

1. マルチヘッダーテーブルコードコードをコピーコードは次のとおりです。 <!DOCTYPE ...

MySQL 8.0.23 のレプリケーション アーキテクチャにおけるスレーブ ノードの自動フェイルオーバー

私はしばらく MGR と連絡を取り合ってきました。MySQL 8.0.23 の登場により、MySQL...

NavicatでMySqlスケジュールタスクを作成する方法の詳細な説明

Navicat で MySql スケジュールタスクを作成する詳細な説明イベントは、MySQL が特定...

mysql はインデックスを無効にしますか?

mysql の IN はインデックスを無効にしますか?しませんよ! 結果をご覧ください: mysq...

Linux 占有ポートの強制解放と Linux ファイアウォールのポート開放方法の詳しい説明

nginx、mysql、tomcat などのサービスをインストールするときに、使用する必要があるポー...

JavaScriptのvar let constの違いは何ですか?

目次1. 繰り返し宣言1.1 変数1.2 しましょう1.3 定数2. 可変プロモーション2.1 変数...

Js の継承とプロトタイプチェーンを理解するのに役立つ記事

目次継承とプロトタイプチェーン継承されたプロパティ継承されたメソッドJavaScript でのプロト...

Docker を使用して Nginx+Flask+Mongo アプリケーションをデプロイする

サーバーにはNginx、データベースサポートにはMongo、Python言語のWebフレームワークに...

vue3 を使用してマテリアル ライブラリを構築する方法

目次なぜマテリアルライブラリが必要なのでしょうか?材質は何ですか?素材の種類fuep、vue3 ベー...

Vue ページレンダリングにおけるキーの適用例チュートリアル

導入フロントエンドプロジェクトの開発プロセスでは、el-table によって表示される結果列がコンポ...