1. ホーム
  2. Web制作
  3. HTML/Xhtml

HTMLにおけるMETAタグの使用例

2022-01-26 17:29:41

HTMLメタタグ

HTMLのmetaタグは、Webページの内容に関する情報をブラウザや検索エンジンに提供するために使用できます。METAは、この情報を示すためにのみ使用され、ブラウザまたは検索エンジンに提供され、ページを表示する"human"には提供されません。

headに書かれたHTMLのmetaタグの例

XML/HTMLコード 内容をクリップボードにコピーする
  1. <スパン < ヘッド >
  2. <スパン <スパン <

    タイトル > テストページ </ タイトル >
  3. <スパン <スパン <

    メタ 名前 = <スパン 説明文" <スパン コンテンツ = "以下、ページの簡単な説明です" > <スパン
  4. <スパン <スパン <

    メタ 名前 = <スパン "キーワード"。 コンテンツ = <スパン キーワード1,キーワード2" > <スパン
  5. <スパン <スパン </ ヘッド >

標準の <meta> タグには末尾がないので、パラメータは直接 <meta> タグに記述することができます。

I. 中国語の表示と整列

XML/HTMLコード 内容をクリップボードにコピーする
  1. <スパン < メタ http-equiv = "Content-Type"。 内容 = "text/html; charset=big5"。 > <スパン

説明
Content-Type==>文書内容形式
;==>CONTENT"の中で行うべき各事項をセミコロンで区切って記述します。
text/html==>plain text/hypertext
charset==>中国伝統的なビッグ5の文字セット、例えばiso-2022-jpは日本語を意味します。


第二に、検索エンジンに見つけてもらいやすくすること

XML/HTMLコード 内容をクリップボードにコピーする
  1. <スパン < メタ 名称 = <スパン "KeyWords"。 <スパン コンテンツ = パソコン教室、Web教室、Linux教室、CSS教室、HTML教室、ソフトウェア教室、手紙の送り方教室、SEO教室、交流リンク集など。 >
  2. <スパン <スパン <

    メタ 名称 = <スパン "KeyWords"。 <スパン コンテンツ = "css'HomePage'html'linux'seo" >

説明 ページ内テキストのキーワードは、中国語と英語の両方が使用可能です


III. ホームページのDeepLコンテンツについて

XML/HTMLコード 内容をクリップボードにコピーする
  1. <スパン < メタ <スパン 名称 = <スパン 説明" <スパン <スパン コンテンツ = "Webオーサリングを無料で学ぶならここ、Web研究所" >

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


IV. このページの作成者は誰か

XML/HTMLコード 内容をクリップボードにコピーする
  1. <スパン < メタ 名称 = <スパン "Author"。 <スパン <スパン コンテンツ = <スパン "PCNET"。 > <スパン

説明 このページに作者名などの情報をマークする


V. これはHOエディターで行われたページです

XML/HTMLコード 内容をクリップボードにコピーする
  1. <スパン < メタ 名称 = <スパン "ジェネレーター" <スパン コンテンツ = <スパン Mozilla/3.0Gold(Win95)[Netscape]" > <スパン

説明
このページに著者名などのマークをつける
ジェネレータ==>編集部
Mozilla/3.0Gold(Win95)[Netscape]==>Editor などのバージョン表記について


VI. このページが終了したら

XML/HTMLコード 内容をクリップボードにコピーする
  1. <スパン < メタ 名称 = <スパン 作成日(")。 コンテンツ = <スパン "01-jan-2003 20:40:01" <スパン > <スパン

説明
作成日===>作成日
2003年1月1日 20:40:01===>詳細な日付時刻


7、このページは有効期間内であり、キャッシュによる制限を受けていません。

XML/HTMLコード 内容をクリップボードにコピーする
  1. <スパン < メタ 名称 = <スパン "Expired"。 <スパン コンテンツ = <スパン "01-jan-2005 00:00:00" <スパン > <スパン
  2. <スパン <スパン <

    メタ HTTP-EQUIV = <スパン プラグマ。 コンテンツ = "no_cache"。 > <スパン

説明
期限切れ===> ページ終了期間
01-jan-2005 00:00:00==>経過した日時、またはMon,12 Jan 2007 00:00:00 GMTを使用することができます。
no_cache==>キャッシュに制限されない、すなわち、ページがメモリを持たない。


VIII. ページ作成者のウェブアドレスとメールボックス

XML/HTMLコード 内容をクリップボードにコピーする
  1. <スパン < リンク <スパン レヴ = <スパン "made"。 ホールド = <スパン "mailto:[email protected]"。 <スパン >
  2. <スパン <スパン <

    リンク <スパン レヴ = <スパン "made"。 ホールド = <スパン "http://www.pcnet.idv.tw/"。 <スパン >

説明文。作者のメールボックスまたはページのURLの記述
rev==>ポジティブな関連付け
made=>ページメーカー
href==>あなたのメールボックスまたはURL


IX. ウェブページの自動ページ切替を可能にする

XML/HTMLコード 内容をクリップボードにコピーする
  1. <スパン < メタ HTTP-EQUIV = <スパン "リフレッシュ"。 <スパン コンテンツ = <スパン "15; url=http://www.pcnet.idv.tw/" >

説明
リフレッシュ==> 更新または再編成する
15==>15秒後に次のアクションを実行する
;==>CONTENT"の中で行うべきことは、それぞれセミコロンで区切られています。
url=http://www.pcnet.idv.tw/==>このページへの変換を指定する


X. エントリーまたはエグジット効果(IE使用のみ)

XML/HTMLコード 内容をクリップボードにコピーする
  1. <スパン < メタ http-equiv = "ページ切り替え効果が発生する条件を指定します" 内容 = "効果モード(Duration=効果の持続時間、Transition=置き換えられた効果)"。 > <スパン

説明
http-equiv="Page-Enterはこのページに入ること、Page-Exitはこのページから出ること、Site-Enterはこのサイトに入ること、Site-Exitはこのサイトから出ること"である。
content="revealTrans (ページ効果の変更を指定), blendTrans (ページ効果の変更を "blend" に設定)。
Duration=効果の持続時間(秒)を設定します。3〜5秒の間が推奨されます。
Transition=エフェクトを0〜23で置き換えます(省略)。


注意事項

これは <HEAD> と </HEAD> の間に置かなければならず、主にこのページの内容を自分用または他人用(検索エンジン用)に DeepL したり、自動ページめくりなどの特殊効果を出すために使用されます。
http-equivまたはNAME属性は、content属性と一緒に使用しなければなりませんが、互換的に使用することも可能です。
META descriptionタグの使用方法は、各検索エンジンの設定により異なります。
この例の実際の配置は、ソースコードを確認することで確認できます。