ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLページメタ入門(1)

HTMLページメタ入門(1)

巴扎黑
巴扎黑オリジナル
2017-04-05 09:56:221429ブラウズ

あなたの個人ウェブサイトがどんなに素晴らしくても、それはサイバースペースの広大な海に浮かぶ小さな船のようなものであり、人々がそれを見つけるのは簡単ではありません。あなたの個人ウェブサイトを宣伝するには、人々が最初に考える方法は次のとおりです。以下以外の何ものでもありません:

● 検索エンジンで個人 Web サイトにログインします

● 有名な Web サイトに個人 Web サイトへのリンクを追加します

●あなたの個人ウェブサイトを宣伝するためにフォーラムに投稿してください

多くの人は HTML タグ META の強力な効果を無視しています。META タグを適切に設計すると、個人の Web サイトが検索される可能性が大幅に高まります。META タグについてもう一度理解してみましょう。 META タグは、HTML 言語の HEAD 領域の補助タグであり、HTML 文書の先頭にある

タグの間に配置され、ユーザーには見えない情報を提供します。 。メタ タグは通常、検索エンジン ロボットのページ テーマを定義したり、ユーザーのブラウザで Cookie を定義したりするために使用されます。また、作成者の識別、ページ形式の設定、コンテンツの概要とキーワードのマーク付けにも使用できます。自分自身を更新する時間間隔を定義したり、RASC コンテンツ レベルなどを設定したりできます。 <p> META タグは、HTTP ヘッダー情報 (HTTP-EQUIV) とページ記述情報 (NAME) の 2 つの部分に分かれています。 </p> <h2> <span style="color: #b22222">★HTTP 対応</span> </h2> <p> HTTP-EQUIV は HTTP ヘッダー プロトコルに似ており、Web ページのコンテンツを正確かつ正確に表示するために役立つ情報をブラウザーに返します。一般的に使用される HTTP-EQUIV タイプは次のとおりです: </p> <p> <span style="color: #b22222">1. Content-Type と Content-Language (表示文字セットの設定)</span></p> <p> 説明: ホームページの作成に使用されるテキストと言語を説明するためにページで使用される文字セットを設定します。ブラウザは、これに基づいてページのコンテンツを表示するために対応する文字セットを呼び出します。 </p> <p> 使用法: <Meta http-equiv="Content-Type" Content="text/html; Charset=gb2312"></p> <p> <Meta http-equiv="Content-Language" Content="zh-CN"></p> <p> 注: META タグは、HTML ページで使用される文字セットを、国家標準の中国語文字コードである GB2132 として定義します。 「charset=GB2312」を「BIG5」に置き換えると、このページで使用される文字セットは繁体字中国語の Big5 コードになります。一部の海外サイトを閲覧すると、IE ブラウザにより、ページを正しく表示するには xx 言語サポートをダウンロードする必要があるというメッセージが表示されます。この機能は、HTML ページの META タグの Content-Type 属性を読み取ることで、ページを表示するためにどの文字セットを使用する必要があるかを知ることです。対応する文字セットがシステムにインストールされていない場合、IE はダウンロードを求めるプロンプトを表示します。他の言語も異なる文字セットに対応しています。たとえば、日本語の文字セットは「iso-2022-jp」、韓国語の文字セットは「ks_c_5601」です。 <br> Content-Type のコンテンツは、text/xml およびその他のドキュメント タイプにすることもできます。 文字セット オプション: ISO-8859-1 (英語)、BIG5、UTF-8、SHIFT-Jis、Euc、Koi8-2、us-ascii、x-mac-roman、iso-8859-2、x-mac-ce、 iso-2022-jp、x-sjis、x-euc-jp、euc-kr、iso-2022-kr、gb2312、gb_2312-80、x-euc-tw、x-cns11643-1、x-cns11643-2、文字セット。Content-Language のコンテンツには、EN、FR、およびその他の言語コードも使用できます。 </p> <p> </p>2. リフレッシュ<p><span style="color: #b22222"></span> 説明: Web ページが自動的に更新されるまでにかかる時間 (秒)、または Web ページが他の Web ページに自動的にリンクされるまでにかかる時間。 </p> 使用法: <Meta http-equiv="Refresh" Content="30"><p> <Meta http-equiv="Refresh" Content="5; URL=http://www.xia8.net"><br> 注: 5 は、5 秒間滞在した後に URL が自動的に更新されることを意味します。 <br><br> </p>3. 有効期限があります<p><span style="color: #b22222"></span> 説明: キャッシュ内の Web ページの有効期限を指定します。Web ページの有効期限が切れたら、サーバーから取得する必要があります。 </p> <p> 使用法: <Meta http-equiv="Expires" Content="0"></p> <p> <Meta http-equiv="Expires" Content="水曜日、1997 年 2 月 26 日 08:21:57 GMT"></p> <p> 注: GMT 時間形式を使用するか、直接 0 に設定する必要があります (数字は有効期限が切れるまでの時間を示します)。 </p> <p> </p>4.プラグマ(キャッシュモード)<p><span style="color: #b22222"></span> 説明: ブラウザーがローカル コンピューターのキャッシュにあるページ コンテンツにアクセスすることを禁止します。 </p> <p> 使用法: <Meta http-equiv="Pragma" Content="No-cach"></p> <p> 注: Web ページはキャッシュに保存されず、アクセスするたびに更新されます。この設定では、訪問者はオフラインで閲覧できなくなります。 </p> <p> </p>5. Set-Cookie (クッキー設定)<p><span style="color: #b22222"></span> 注: ブラウザがページにアクセスすると、そのページはキャッシュに保存され、次回アクセスするときに、速度を向上させるためにキャッシュから読み取ることができます。訪問者が広告のアイコンを毎回更新する場合、またはカウンタを毎回更新する場合は、キャッシュを無効にします。通常、HTML ファイルのキャッシュを無効にする必要はありません。ASP などのページでは、表示されるすべてのページがサーバー上で動的に生成され、キャッシュは無意味であるためです。 Web ページの有効期限が切れると、保存された Cookie は削除されます。 </p> <p> 使用法:<Meta http-equiv="Set-Cookie" Content="cookievalue=xxx;expires= Wednesday,21-Oct-98 16:14:21 GMT; path=/"></p> <p> 注: GMT 時間形式を使用する必要があります。 </p> <p> <span style="color: #b22222">6. ウィンドウターゲット(表示ウィンドウ設定)</span></p> <p> 説明: ページを現在のウィンドウに独立したページとして強制的に表示します。 </p> <p> 使用法: <Meta http-equiv="Widow-target" Content="_top"></p> <p> 注: この属性は、他のユーザーがフレーム内のページを呼び出すのを防ぐために使用されます。コンテンツのオプション: _blank、_top、_self、_parent。 </p> <p> <span style="color: #b22222">7. 写真ラベル (ウェブページの RSAC 評価)</span></p> <p> 注: IE のインターネット オプションには、一部の制限された Web サイトの閲覧を禁止できるコンテンツ設定があり、Web サイトの制限レベルはこのパラメータを通じて設定されます。 </p> <p> 使用法: <META http-equiv="Pics-label" Contact="(PICS-1.1'http://www.rsac.org/ratedsv01.html' コメント 'RSACi North America Sever' by 'inet@microsoft' .com' for 'http://www.microsoft.com' on '1997.06.30T14:21-0500' r(n0 s0 v0 l0))"></p> <p> 注: レベルを高く設定しすぎないでください。 RSAC の評価システムは、Web サイトのコンテンツを評価するための標準を提供します。ユーザーは、Microsoft Internet Explorer (IE3.0 以降) を設定して、ポルノや暴力的なコンテンツを含むサイトを除外できます。上の例の HTML は Microsoft のホームページから取得したものです。コード内の (n 0 s 0 v 0 l 0) は、サイトに不適切なコンテンツが含まれていないことを意味します。評価は、American Entertainment Council の評価機関である RSAC によって決定されます。RSAC 評価システムの評価内容について詳しく知りたい場合、または独自の Web サイトを評価する必要がある場合は、RSAC Web サイトにアクセスしてください。 ://www.rsac .org/。 </p> <p> <span style="color: #b22222">8、ページ入力、ページ終了 (入力と終了)</span></p> <p> 説明: これらは、ページがロードされて呼び出されたときの特殊効果です。 </p> <p> 使用法:<Meta http-equiv="Page-Enter" Content="blendTrans(Duration=0.5)"><br> <Meta http-equiv="Page-Exit" Content="blendTrans(Duration=0.5)"><br> 注: BlendTrans は、フェード効果を生成するダイナミック フィルターの一種です。別の動的フィルターである RevealTrans も、ページの入口と出口の効果に使用できます: </p> <p> <Meta http-equiv="Page-Enter" Content="revealTrans(duration=x,transition=y)"></p> <p> <Meta http-equiv="Page-Exit" Content="revealTrans(duration=x,transition=y)"></p> <p> デュレーションはフィルター効果の持続時間を表します(単位:秒)</p> <p> トランジションフィルターのタイプ。どの特殊効果を使用するかを示します。値は 0 ~ 23 です。 </p> <p> 0 長方形の縮小</p> <p> 1 長方形の拡張</p> <p> 2円縮小</p> <p> 3 サークル拡張</p> <p> 4 下から上に更新します</p> <p> 5 上から下までリフレッシュ</p> <p> 6 左から右に更新します</p> <p> 7 右から左に更新します</p> <p> 縦型ブラインド8枚</p> <p> 横型ブラインド9枚</p> <p> オフセット横型ブラインド10枚</p> <p> 千鳥配置縦型ブラインド11枚</p> <p> 12ポイントスプレッド</p> <p> 13 左から右、真ん中までリフレッシュ</p> <p> 14 中央から左右にリフレッシュ</p> <p> 真ん中から上下まで15個</p> <p> 16 真ん中まで上下</p> <p> 17 右下から左上へ</p> <p> 18 右上から左下へ</p> <p> 19 左上から右下へ</p> <p> 左下から右上へ20</p> <p> 横棒21本</p> <p> 22本の縦棒</p> <p> 23 上記22種類の中からランダムで1つ選択</p> <p> <span style="color: #b22222">9.MSTheme互換(XPテーマ)</span></p> <p> 説明: IE で XP テーマをオフにするかどうか</p> <p> 使用法: <Meta http-equiv="MSThemeCompatibility" Content="Yes"></p> <p> 注: win2k に非常に似ている XP の青い 3 次元ボタン システム表示スタイルをオフにします。 </p> <p> <span style="color: #b22222">10、IE6 (ページビルダー)</span></p> <p> 説明: ページジェネレータージェネレーターはie6</p> <p>です 使用法: <Meta http-equiv="IE6" Content="Generator"></p> <p> 注:何でできているかは、同様の製品のメーカーによって異なります。 </p> <p> <span style="color: #b22222">11. Content-Script-Type (スクリプト関連)</span></p> <p> 説明: これは、ページ内のスクリプトのタイプを指定する最近の W3C 仕様です。 </p> <p> 使用法: <Meta http-equiv="Content-Script-Type" Content="text/javascript"><br><br></p> <p> </p>

以上がHTMLページメタ入門(1)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。