meta name="" content="の機能の詳細な説明

1. 文法:
<meta name="名前" content="文字列"/>

2. パラメータ分析:
a. 名前項目: 一般的なオプションには、キーワード、説明 (Web サイトのコンテンツの説明)、作成者、ロボット (ロボットウィザード) などがあります。
b. http-equiv 項目: 名前項目を置き換えるために使用できます。一般的なオプションには、Expires (有効期限)、Pragma (キャッシュモード)、Refresh (更新)、Set-Cookie (Cookie 設定)、Window-target (表示ウィンドウ設定)、content-Type (表示文字セット設定) などがあります。
c. コンテンツ項目: この項目に入力される文字列は、名前項目または http-equiv 項目の定義によって決まります。

3. 応用
a. ブラウザに、Web ページが認識するファイルの種類と言語の種類を伝えます。たとえば、ブラウザに HTM/HTML タイプの簡体字中国語 Web ページを認識させたい場合は、次のように記述します。
<meta http-equiv="コンテンツタイプ" コンテンツ="text/html; charset=gb2312" />
b. 検索エンジンで Web ページを検索できるようにします。コードは次のように記述できます。
<meta name="キーワード" content="ウェブページのキーワード" />
<meta name="description" content="ウェブページの説明テキスト" />
自動検索エンジンが Web ページを簡単に検索できるようにするには、次の点に注意する必要があります。
1. メタタグ項目を定義し、ホームページのテーマを反映するテキストとしてホームページテキストの最初の 200 文字を定義する必要があります。一部のナビゲーションプラットフォームでは、テキストの最初の 200 文字だけでなく、メタ項目内のキーワードもインデックス化されるためです。例: altavista。そのため、ナビゲーションプラットフォームを登録した後に登録結果を確認すると、ナビゲーションプラットフォーム内の説明が自分の希望するものではなく、著作権の説明などのテキストになっていることに気づく人もいます。この現象が起こる理由は、この点が認識されていないためです。
2. キーワードを定義するメタタグ項目を、説明を定義するメタ項目の前に配置します。のように：
<meta type="キーワード" content=".......,...,..."/>
<meta type="description" content="...,....,..."/>
3. 最も重要なキーワードを先頭に置き、関連するキーワードを隣り合わせて配置します。一部のナビゲーションステーションではインデックス作成時に大文字と小文字が区別されるため、小文字と大文字がすべて共存します。句読点を含めて250語を超えないようにしてください
4. フレームによって画面が複数のウィンドウに分割されると、ナビゲーションセンターがインデックスする正しいウィンドウ内のホームページをインテリジェントに選択できなくなるため、ホームページにはフレーム構造を使用しないことをお勧めします。
c. 一定時間が経過すると、ページが別のページまたはサイトに自動的に切り替わるようにします。例:
<meta http-equiv="refresh" content="6; url=http://hi.baidu.com/tesalo/" />
コンテンツの 6 は秒単位の時間を表します。リダイレクト先の URL の後に url= が続きます。現在の Web ページと同じディレクトリにある場合は、次のようにファイル名を直接記述できます。
<meta http-equiv="refresh" content="6; url=page1.htm" />
d. Web ページを時々更新します。10 秒ごとに更新する場合は、次のようなコードを記述します。
<meta http-equiv="refresh" content="10">
e. Meta を使用すると、ページに入るときに特別な効果を作成できます。具体的な用途は次のとおりです。
<meta http-equiv="Page-Enter" content="revealTrans(Duration=5.0,Transition=n)" /> n の値の範囲は 0 ～ 23 で、具体的な意味は次のとおりです。
0 長方形が縮小 1 長方形が拡大 2 円が縮小
3 サークルの拡張 4 上へ下へ

<<: ウェブデザインのためのオンライン開発ツール10選の紹介

>>: CSS の高さの崩壊問題の解決