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

推薦する

Docker を使用して開発環境を構築する方法 (Windows および Mac)

目次1. Dockerを使用する利点2. Dockerをインストールする1) LinuxにDocke...

Windows Server 2016 標準キー アクティベーション キー シリアル番号

Windows Server 2016 アクティベーション キーを皆さんと共有したいと思います。wi...

スローモーションアニメーション効果を実現するJavaScript

この記事では、スローモーションアニメーション効果を実現するためのJavaScriptの具体的なコード...

CSS はモバイル互換性の問題を解決するために 0.5px の線を実装します (推奨)

【コンテンツ】: 1.背景画像のグラデーションスタイルを使用する2. スケールを使ってズームできる...

Windows 10 で MySQL の解凍バージョンをインストールする方法の詳細なグラフィック チュートリアル

MySQL のインストールは、インストール バージョンと解凍バージョンに分かれています。インストール...

MySQL の削除に基づく構文エイリアスの問題

目次MySQL 削除構文エイリアスの問題mysql の delete ステートメントでエイリアスを使...

Linux ファイルを分割するための split コマンドの詳細な説明

いくつかの簡単な Linux コマンドを使用すると、ストレージまたは電子メールの添付ファイルのサイズ...

MySQLデュアルマシンホットスタンバイと負荷分散の実装手順の詳細説明

MySQL データベースには増分バックアップ メカニズムはありませんが、マスター データベース内のす...

Vuexはシンプルなショッピングカートを実装します

この記事では、参考までに、Vuex の具体的なコードを共有して、簡単なショッピングカートを実装します...

Jenkins+tomcat の自動ホットデプロイメント/再起動と発生した問題の解決策 (推奨)

1. 背景同社のプロジェクトは、これまでは手動で Maven でパッケージ化し、サーバーにアップロ...

MySqlを最適化するためにnot inを使用する方法

最近、プロジェクトで選択クエリを使用する際に、未使用の主キー ID を除外するために not in ...

XHTML: フレーム構造タグ

フレーム構造タグ <frameset></frameset>フレームを使用す...

MySQL max_allowed_pa​​cket 設定

max_allowed_pa​​cket は、受け入れるパケットのサイズを設定するために使用される ...

純粋な CSS を使用して脈動するローダー効果のソースコードを作成する

効果プレビュー右側の「クリックしてプレビュー」ボタンを押すと現在のページでプレビューが表示され、リン...