htmlメタタグの小セット
2022-02-06 11:53:21
<Head>...</head> は、<HTML> ファイルの先頭であることを示し、ファイル名やファイルそのものに関する情報を指定するために使用されます。通常、このタグの部分は、このページの:デフォルトの言語エンコーディング、キーワード、使用するソフトウェアなどを宣言する部分です。
メタタグは、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"> <!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!?-- expires soon -- > キャッチー ブラウザがローカルマシンからキャッシュを取得することを許可するかどうか <Meta http-equiv="cach" content="NO-cach"> <!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!?-- 無効、ページは保存されず、訪問のたびに更新される --> セットクッキー Cookieを無効化するかどうか <Meta http-equiv="set-cookie" content="cookies=××;expires=Wednesday,21... .../> ウィンドウターゲット ページの表示を強制的に変更する <Meta http-equiv="window-target" content="_top/> 現在のウィンドウに別のページとして表示するよう強制し、他の人がフレーム内のページを呼び出すのを防ぐために使用することも可能です。contentのオプションは、_blank,_top,_self,_parentです。 ページエンター,ページエグジット ページ入退出エフェクトの設定 <Meta http-equiv="page-enter" content="blendTrans(Duration=0.5)"> これは実際にCSSフィルタを利用しています。メタのページ説明情報(NAME)は、ページを図示し説明するために使用されます。NAMEは、ページを説明し、検索ボットがそれを見つけ、分類するためのコンテンツに対応します。NAMEは、提供する情報の種類を指定する値(name"")をとり、ここでいくつかの
の値は、description、keyword、refreshなど、すでに定義されています。その他、creationdate、documentID、Levelなど、任意の値を指定することができる。具体的な構文は次の表の通りです。
表 2 HTTP 記述情報テーブル
<テーブル キーワード 検索エンジンに自動的にインデックスされる、ページのキーワードを宣言します。 <Meta name="keywords" content="HTML,HTML header,HTTP-EQUIV,meta"/> 説明 サイトのメインコンテンツについて説明します。注意深く検索すると、この属性でもこのサイトを検索しますが、表示されません。 <Meta name="Description" content="このブログ記事はHTMLのhead関連タグを解説しています"/> ロボット ロボットウィザードは、どのページがインデックスされる必要があり、どのページがそうでないかをロボットに指示するためのものです。 <Meta name="Robots" contents="All|None|Index|Noindex|Follow|NoFollow">all:そのファイルはインデックスされます。noneのファイルはインデックスされず、ページ上のリンクも検索されません。("NoIndex,NoFollow" と同じ働きをします).Index:ファイルが検索されます.Follow:ページ上のリンクが照会されることがあります.Follow:ページ上のリンクが照会されることがあります. 著者名 ページ作成者 <Meta name="Author" content="jjseen,[email protected]"/> 著作権 著作権を表示するために使用します。 <Meta name="Copyrightng" content="Copyright"/> ジェネレータ エディター 再訪問後 再訪問の時間間隔を日数で設定します。(このタグが何をするものなのか、まだよく分かっていません) <Meta name="revisit-after" content="7 days">
Metaには他にも様々なタグがあり、それらも統一された方法で整理されているので、以下の表を参照してください。
表3 その他のMetaタグの表
<テーブル スキーム 内容を説明する意味のあるタグ <Meta scheme="ISBN" name="identifier" content="0-14-042152 "> リンク ファイルへのリンク <link href="logo.ico" rel="ショートカットアイコン"お気に入りに入れると表示される小さなアイコン、アドレスバーにも小さなアイコンが表示されます。 ベース ベースリンク <base href="http://weibo.com/jjseen" target="_blank"> この記述により、ページ上のすべての相対パスは自動的に直前のアドレスとリンクされます。関連
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン