HTML の META タグの使用に関するヒントの例

HTML メタタグ

HTML メタタグは、Web ページのコンテンツに関する情報をブラウザや検索エンジンに提供するために使用できます。たとえば、Web ページのコンテンツの説明、Web ページの重要なキーワード、Web ページのコードはすべて、メタタグによって一般的にマークされる Web ページ情報です。さらに、Web ページの作成者、Web ページが公開された時間、使用したエディターなど、それほど重要ではない情報も、META タグを通じてマークできます。META の機能は、この Web ページ情報を示し、ブラウザや検索エンジンに提供することだけです。Web ページを閲覧する「人」向けに書かれたコンテンツではありません。

ヘッド内に記述された HTML メタタグの例

XML/HTML コードコンテンツをクリップボードにコピー

<ヘッド>
< title >テスト Web ページ</ title >
<メタ名前= "説明" content = "ページの簡単な説明です" >
<メタ name = "キーワード" content = "キーワード1、キーワード2" >
</ヘッド>

標準の <meta> タグには終わりがありません。<meta> タグにパラメータを直接記述できます。Web ページにはさまざまな <meta> タグを含めることができますが、それらはすべて head タグに記述する必要があります。例の title タグは、Web ページのタイトルを示すために使用されます。<meta> タグの前後に記述できます。

1. 漢字の表示と配置

XML/HTML コードコンテンツをクリップボードにコピー

<メタ http-equiv = "コンテンツタイプ" コンテンツ= "text/html; charset=big5" >

例:
Content-Type==>ファイルコンテンツ形式
;==>CONTENT" " で実行するすべての内容はセミコロンで区切られます
text/html ==> プレーンテキスト/ハイパーテキスト
charset==> 文字セットは中国語繁体字Big 5です。日本語の場合はiso-2022-jpです。

2. 検索エンジンがあなたを見つけやすくする

XML/HTML コードコンテンツをクリップボードにコピー

<メタ NAME = "キーワード" CONTENT = "コンピュータ教育、インターネット教育、Linux教育、CSS教育、HTML教育、ソフトウェア教育、電子メール教育、SEO教育、リンク交換" >
<メタ NAME = "キーワード" CONTENT = "css'HomePage'html'linux'seo" >

注: ウェブページのテキスト内のキーワードは中国語または英語で使用できます。

3. ウェブサイトのコンテンツの説明について

XML/HTML コードコンテンツをクリップボードにコピー

<メタ NAME = "説明" CONTENT = 「これは無料でウェブデザインを学ぶのに最適な場所です、Network Institute」 >

説明: 説明==>コンテンツの主な説明

4. このページの著者は誰ですか?

XML/HTML コードコンテンツをクリップボードにコピー

<メタ NAME = 「著者」コンテンツ= "PCNET" >

説明: このウェブページの著者名やその他の情報を記入します

5. この Web ページを完成させるために使用されたエディターはどれですか?

XML/HTML コードコンテンツをクリップボードにコピー

<メタ NAME = "ジェネレータ" CONTENT = "Mozilla/3.0Gold(Win95)[Netscape]" >

例:
このウェブページの著者名やその他の情報をマークします
ジェネレータ ==> エディター
Mozilla/3.0Gold(Win95)[Netscape]==>エディタとその他のバージョンノート

6. このウェブページはいつ完成しますか?

XML/HTML コードコンテンツをクリップボードにコピー

<メタ NAME = "作成日" コンテンツ= "2003 年 1 月 1 日 20:40:01" >

例:
作成日==>作成日
01-jan-2003 20:40:01 ==> 詳細な日付と時刻

7. このウェブページの有効期間はキャッシュによって制限されません

XML/HTML コードコンテンツをクリップボードにコピー

<メタ NAME = "期限切れ" コンテンツ= "2005 年 1 月 1 日 00:00:00" >
<メタ HTTP-EQUIV = "プラグマ" コンテンツ= "no_cache" >

例:
期限切れ==>ウェブページの有効期限
01-jan-2005 00:00:00 ==> 過去の日付と時刻。Mon,12 Jan 2007 00:00:00 GMT も使用できます。
no_cache==> キャッシュによる制限はありません。つまり、Web ページにはメモリ機能がありません。

8. ウェブページ作成者のウェブサイトとメールアドレス

XML/HTML コードコンテンツをクリップボードにコピー

<リンク rev = "作成" href = "mailto:[email protected]" >
<リンク rev = "作成" href = "http://www.pcnet.idv.tw/" >

説明: Web ページ作成者のメールまたは URL ステートメント
rev==> 肯定的な関連性
made=>ウェブページメーカー
href==>あなたのメールアドレスまたはウェブサイト

9. 自動ページ切り替えを有効にする

XML/HTML コードコンテンツをクリップボードにコピー

<メタ HTTP-EQUIV = "更新" コンテンツ= "15; url = http://www.pcnet.idv.tw/" >

例:
リフレッシュ==>更新または再編成
15==>15秒後に次のアクションを実行します
;==>CONTENT" " で実行するすべての内容はセミコロンで区切られます
url=http://www.pcnet.idv.tw/==>このウェブページへの変換を指定します

10. 入場または退場時の特殊効果（IEのみ）

XML/HTML コードコンテンツをクリップボードにコピー

<メタ http-equiv = "ページ変更効果が発生する状況を指定します" content = "特殊効果モード (期間 = 特殊効果の継続時間、トランジション = 置き換えられた特殊効果)" >

例:
http-equiv="Page-Enter はこのページに入るためのもので、Page-Exit はこのページから離れるためのもので、Site-Enter はこのサイトに入るためのもので、Site-Exit はこのサイトから離れるためのものです"。
content="revealTrans (ページ変更効果を指定)、blendTrans (ページ変更効果を「ブレンド」に設定)。
期間 = 特殊効果の期間 (秒単位) を設定します。3 ～ 5 秒が推奨されます。
トランジション=特殊効果を0～23（省略）に置き換えます。

注記：

これは <HEAD> と </HEAD> の間に配置する必要があります。主に、自分自身または他の人 (検索エンジン) のためにこの Web ページのコンテンツを説明するために使用されます。また、自動ページめくりなどの特別な効果を作成することもできます。
http-equiv または NAME 属性は content 属性と一緒に使用する必要がありますが、これら 2 つは互換的に使用することもできます。
META ディスクリプションタグの使用方法は、各検索エンジンの設定によって異なります。
メタタグの有無は、Web ページの通常の表示には影響しません。主な目的は、Web ページ上でさまざまな情報を提供したり、特別な効果を生み出したりすることです。
Webページでの使用においては、このページで説明しているタグ1.2.3.4.8をメインタグとして使い、必要に応じて残りを追加または削除することをお勧めします。
この例の実際の配置を確認するには、ソースコードの表示を使用できます。
詳しいレポート情報については、講師（著者）のウェブサイトをご覧ください。

<<: ウェブページを白黒に変換します（Google、Firefox、IE、その他のブラウザと互換性があります）

>>: JavaScript でよく使われる 3 つの Web エフェクトの詳細な説明