検索

ホームページ >ウェブフロントエンド >htmlチュートリアル >HTML_HTML/Xhtml_Web ページ制作における META タグの使用テクニックを説明する例

HTML_HTML/Xhtml_Web ページ制作における META タグの使用テクニックを説明する例

WBOY
WBOYオリジナル
2016-05-16 16:36:131916ブラウズ

HTML メタタグ

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

head 例に記述された HTML メタタグ

XML/HTML コードコンテンツをクリップボードにコピー
  1. <頭>
  2. <タイトル>テストページタイトル>
  3. <メタ 名前="説明" コンテンツ=「これは Web ページの簡単な説明です」>
  4. <メタ 名前="キーワード" コンテンツ="キーワード 1,キーワード 2">
  5. 頭>

標準の には終わりがありません。Web ページにはさまざまな タグを記述する必要があります。この例の title タグは、Web ページのタイトルを示すために使用されます。 タグの前または後に記述できます。

1. 中国語の表示と配置

XML/HTML コードコンテンツをクリップボードにコピー
  1. <META http-equiv="Content-Type " コンテンツ="text/html">

説明:
Content-Type==>ファイル コンテンツ形式
>;==>CONTENT " " で実行されるすべての内容、セミコロンで区切ります
text/html= =>Pure text/hypertext
charset==>文字セットは繁体字ビッグファイブで、iso-2022-jp が使用されている場合は日本語を指します


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

XML/HTML コードコンテンツをクリップボードにコピー
  1. <メタ NAME="キーワード" CONTENT=「コンピュータ教育」「ネットワーク教育」「Linux教育」「CSS教育」「HTML教育」「ソフトウェア教育」「手紙を送る教育」「SEO教育」交換リンク">
  2. <メタ 名前="キーワード" コンテンツ="css'HomePage'html'linux'seo">

注: Web ページのキーワードは中国語と英語の両方で使用できます


3. ウェブサイトのコンテンツの説明

XML/HTML コードコンテンツをクリップボードにコピー
  1. <メタ NAME="説明" 内容=「Web ページ制作を無料で学ぶのに最適な場所、ネットワーク研究所」>

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


4. この Web ページの作成者は誰ですか

XML/HTML コードコンテンツをクリップボードにコピー
  1. <メタ NAME="著者" コンテンツ="PCNET">

手順: この Web ページの作成者の名前とその他の情報をマークしてください


5. これは He エディタ

を使用して完成した Web ページです。
XML/HTML コードコンテンツをクリップボードにコピー
  1. <メタ NAME="ジェネレーター" コンテンツ="Mozilla/3.0Gold(Win95)[Netscape]">

手順:
この Web ページの作成者の名前とその他の情報をマークしてください
Generator==>Editor
Mozilla/3.0Gold(Win95)[Netscape]==>Editor およびその他のバージョンメモ


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

XML/HTML コードコンテンツをクリップボードにコピー
  1. <メタ NAME="作成日" コンテンツ="01-jan-2003 20:40:01">

説明:
Creation-Date==>作成日
01-jan-2003 20:40:01==>詳細な日時


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

XML/HTML コードコンテンツをクリップボードにコピー
  1. <メタ NAME=「期限切れ」 コンテンツ="01-jan-2005 00:00:00">
    2. " プラグマ"
  2. CONTENT="no_cache"> 注: 期限切れ==>Web ページの終了期間01-jan-2005 00:00:00==> 経過した日時。2007 年 1 月 12 日月曜日を使用することもできます。 00:00 :00 GMTno_cache==> はキャッシュによって制限されていません。つまり、Web ページにはメモリ機能がありません。 8. Web サイト作成者の Web サイトとメールアドレス
XML/HTML コード


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



<

リンク
rev=
"作成"
  1. href="mailto:pcnettw@yahoo.com.tw"> <リンク rev=
    2. "作成"
  2. href="http://www.pcnet.idv.tw/"> > 9. Web ページが自動的にページを変更できるようにします XML/HTML コード
    3. コンテンツをクリップボードにコピー




<

META

HTTP-EQUIV

=
"リフレッシュ"
コンテンツ
    =
  1. "15; url=http://www.pcnet.idv.tw/"> ; 説明: refresh==>更新または再編成15==>15 秒後に次のアクションを実行;==>CONTENT" " で区切られたすべての処理セミコロン url=http://www.pcnet.idv.tw/==>この Web ページに変換するよう指定します 10. 入退室時の特殊効果(IEのみ) XML/HTML コードコンテンツをクリップボードにコピー





    <

    META

    http-equiv

    =
    " 変更を指定ページ特殊効果が発生する状況「
    コンテンツ
      =
    1. 」特殊効果モード(Duration=特殊効果持続時間、Transition=置換特殊効果)効果)">

      説明:
      http-equiv="Page-Enter はこのページに入る、Page-Exit はこのページを離れる、Site-Enter はこのサイトに入る、Site-Exit はこのサイトを離れる"。
      content="revealTrans (ページ変更効果を指定します)、blendTrans (ページ変更効果を「混合」に設定します)。
      Duration= 特殊効果の継続時間を設定します (秒)。 3 ～ 5 秒 .
      トランジション=特殊効果を 0 ～ 23 に置き換えます (省略)。


      注:

      これは、 と の間に配置する必要があります。これは、主に自分自身または他の人 (検索エンジン) の利益のためにこの Web ページのコンテンツを説明するために使用されます。自動ページめくりなどの特殊効果。

      http-equiv または NAME 属性は content 属性と組み合わせて使用​​する必要があり、この 2 つは同じ意味で使用することもできます。
      META descriptionタグの使用方法は各検索エンジンの設定により異なります。
      Meta タグの有無は Web ページの通常の表示には影響しません。その最大の目的は、Web ページ上にさまざまな情報を提供し、特殊な効果を生み出すことです。
      Webページを利用する際には、このページの1.2.3.4.8に記載されているタグを主に使用し、残りは状況に応じて追加または削除することを推奨します。
      ソース コードの表示を使用して、この例の実際の配置を確認できます。
      その他のレポート資料については、講師（著者）のウェブサイトをご覧ください。

    声明：
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    前の記事：セマンティック タグを使用して、IE6、7、8_HTML/Xhtml_Webpage Production と互換性のある HTML を作成します。次の記事：セマンティック タグを使用して、IE6、7、8_HTML/Xhtml_Webpage Production と互換性のある HTML を作成します。

    関連記事

    続きを見る