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

推薦する

MySQL と Golan 間の従来の分散トランザクションのための 7 つのソリューション

目次1. 基本理論1.1 取引1.2 分散トランザクション2. 分散トランザクションソリューション2...

Vue+Vantはトップ検索バーを実装します

この記事では、参考までに、Vue+Vant のトップ検索バーを実装するための具体的なコードを紹介しま...

MySQL 8.0.18 のインストールと設定方法のグラフィックチュートリアル (Windows 10 版)

この記事は、参考のためにMySQL 8.0.18のインストールと設定のグラフィックチュートリアルを記...

Dockerのインストール方法とDockerの4つのネットワークモードの詳細説明

1. Dockerをインストールするyum -y install docker-ioインストールが完...

5分でWebRTCビデオチャットを構築する

前回の記事では、Ubuntu 上の webrtc ベースの多人数ビデオチャット サービスの詳細なコー...

Xftp のダウンロードとインストールのチュートリアル (グラフィック チュートリアル)

Windows と Linux 間でファイルを転送する場合は、Xftp ツールを使用できます。この...

ウェブページヘッダーの最適化の提案

ロゴの最適化: 1.ロゴ画像はできるだけ小さくしてください。 2. 一般的には背景として配置されます...

フレックスレイアウトの互換性の問題の概要

1. W3C バージョンの flex 2009年版フラグ: display: box; または bo...

JavaScript タイマー原理の詳細な説明

目次1. setTimeout() タイマー2. setTimeout() タイマーを停止する3. ...

CSS3 は本当に SCSS に取って代わるのでしょうか?

Web ページのスタイル設定に関しては、プロジェクトで純粋な CSS または SCSS (および他...

MySQLデータベースインデックスの詳細な紹介

目次マインドマップシンプルな理解インデックスモデルの進化二分探索木自己バランス型二分木BツリーB+ ...

Dockerはdockerfileを使用してnode.jsアプリケーションを起動します

Dockerfileの作成expressによって自動的に作成されたディレクトリを例にとると、ディレク...

Linux でジャンクファイルをエレガントに削除する方法

あなたも私と同じように、コンピューターのファイルを整然と整理し、不要なファイルを適宜削除するプログラ...

HTML の空リンク href="#" と href="javascript:void(0)" の違い

# には位置情報が含まれます。デフォルトのアンカーは #top で、これは Web ページの上部です...

HTML onfocus gain focus および onblur lose focus イベントの詳細な説明

HTML onfocus イベント属性定義と使用法onfocus 属性は、要素がフォーカスを受け取っ...