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

推薦する

Web プロジェクトでの SQL インジェクションの防止

目次1. SQLインジェクションの概要2. SQLインジェクション攻撃の全体的な考え方SQLインジェ...

vuexの強制リフレッシュによるデータ損失問題の分析

vuex 永続状態基本原則: すべての vuex データをローカルストレージに保存し、ページが更新さ...

MySQL パーティション関数の詳細な説明と例の分析

まず、データベース パーティショニングとは何でしょうか?以前、MySQL のテーブル パーティショニ...

MySQL がデータの削除と挿入に非常に時間がかかる問題の解決策

会社の開発者がテスト環境で挿入ステートメントを実行すると、正常に実行されるまでに 10 秒以上かかり...

mysql5.7.18.zip インストール不要版設定チュートリアル(Windows)

これは私が以前使用した mysql5.7.18.zip のインストール チュートリアルです。まずこれ...

Mysql の読み取り/書き込み分離期限切れに対する一般的な解決策

MySQLの読み書き分離の落とし穴読み取りと書き込みの分離の主な目的は、メイン データベースの負荷を...

MySqlデータベースの基礎知識のまとめ

目次基本的なデータベース操作2) データベースを表示する3) データベースを選択する4) データベー...

JavaScript Three.js でテキストを作成する最初の経験

目次効果テキストの作成を開始するまずフォントローダーを作成するフォントライブラリを読み込むテキストジ...

MySQLの主キーとユニークキーの重複挿入の解決策の詳細な説明

目次解決: 1. 無視する2. 交換する3. 重複キーの更新についてデータを挿入するときに、重複した...

MySql のグループ化と各グループからランダムに 1 つのデータを取得する

アイデア: 最初にランダムに並べ替えてからグループ化します。 1. テーブルを作成します。 テーブル...

ウェブフロントエンドエンジニアにおすすめのヒント

まず、Webフロントエンドエンジニアの価値についてお話ししましょう。現在、Web製品のインタラクショ...

JavaScript でサウンド効果付きの花火効果を実装する

コードを書くのに 30 分かかりましたが、この HTML5 Canvas New Year Fire...

JavaScript のよりエレガントなエラー処理方法 async await

目次背景なぜエラー処理が必要なのでしょうか? async await より適切なエラー処理まとめ要約...

Centos7.3 での mysql5.7 のインストールと設定のチュートリアル

この記事では、MySQL 5.7のインストールと設定のチュートリアルを参考までに紹介します。具体的な...

Linux システムにおける時間設定の概要

1. 時間の種類は次のように分けられます。 1. ネットワーク時間(タイムゾーンの設定、ntpサーバ...