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 更新セットとの違い

推薦する

IE8互換表示(IE7モード)とスタンドアロンIE7の違いの詳細な説明

1つ。 IE8 互換表示の概要<br />新しいバージョンのブラウザが古い Web サイ...

MySQL の計画タスクとイベント スケジュール例の分析

この記事では、例を使用して、MySQL の計画されたタスクとイベントのスケジュールについて説明します...

階段効果を実現するためのWeChatアプレットカスタムメニューナビゲーション

設計意図ページを開発する際には、ページ上のナビゲーション メニューをクリックしたときにページを対応す...

Linux で top コマンドを使用する際のヒント

まず、top のいくつかのフィールドの意味を紹介します。 VIRT:仮想メモリ使用量1. プロセスが...

VUE 応答性原理の詳細な説明

目次1. 応答原理の基盤2. コアオブジェクト: Dep と Watcher 3. 依存関係を収集し...

HTML ベースタグ target=_parent の使用の紹介

<base> タグは、ページ上のすべてのリンクのデフォルトのアドレスまたはデフォルトのタ...

HTMLからReactを実装する方法を教えます

ReactとはReact は、効率的で高速なユーザー インターフェイスを構築するためのシンプルな J...

NodeJS は画像テキスト分割を実現します

この記事では、画像テキストセグメンテーションを実装するためのNodeJSの具体的なコードを参考までに...

Linux で rsync を使用する方法

目次1. はじめに2. インストール3. 基本的な使い方3.1、-rパラメータ3.2、-aパラメータ...

TomcatとJDKのバージョンの対応と各Tomcatバージョンの機能

Apache Tomcat は、Java Servlet および Java Server Pages...

Ubuntu 20.04 CUDA & cuDNN のインストール方法 (グラフィカル チュートリアル)

CUDA インストール cuda をダウンロードサポートされているcudaバージョンを表示するには...

Docker-compose ネットワークの詳細な例

今日は Docker でのネットワーク設定を試し、後で忘れないようにプロセスを記録しました。 (シス...

MySQL 8.0.13 のインストールと設定方法のグラフィックチュートリアル (Win10 の場合)

MySQL 8.0.13 のインストールと設定方法を皆さんと共有したいと思います。お役に立てれば幸...

React で setInterval 関数を使用する例

この記事はWindows 10のシステム環境をベースに、Reactの学習と使用について説明しています...

Docker Swarm を使用して分散クローラー クラスターを構築する例

クローラーの開発プロセス中に、クローラーを複数のサーバーに展開する必要がある状況に遭遇したことがある...