HTML-メタタグ

HTMLを使用すると、メタデータを指定できます。これは、さまざまな方法でドキュメントに関する追加の重要な情報です。META要素を使用して、作成者、有効期限、キーワードのリスト、ドキュメントの作成者など、HTMLドキュメントのプロパティを説明する名前と値のペアを含めることができます。

ザ・ <meta>タグは、そのような追加情報を提供するために使用されます。このタグは空の要素であるため、終了タグはありませんが、属性内に情報を伝達します。

ドキュメントに保持する情報に基づいて、ドキュメントに1つ以上のメタタグを含めることができますが、通常、メタタグはドキュメントの物理的な外観に影響を与えないため、外観の観点からは、含めるかどうかは関係ありません。それらかどうか。

ドキュメントへのメタタグの追加

で表されるドキュメントのヘッダー内に<meta>タグを配置することで、Webページにメタデータを追加できます。 <head> そして </head>タグ。メタタグは、コア属性に加えて次の属性を持つことができます-

シニア番号	属性と説明
1	Name プロパティの名前。何でもかまいません。例としては、キーワード、説明、作成者、改訂版、ジェネレーターなどがあります。
2	content プロパティの値を指定します。
3	scheme プロパティの値を解釈するスキームを指定します（content属性で宣言されているとおり）。
4	http-equiv http応答メッセージヘッダーに使用されます。たとえば、http-equivを使用して、ページを更新したり、Cookieを設定したりできます。値には、content-type、expires、refresh、およびset-cookieが含まれます。

キーワードの指定

例

以下は、ドキュメントに関する重要なキーワードとしてHTML、メタタグ、メタデータを追加する例です。

<!DOCTYPE html>
<html>
   
   <head>
      <title>Meta Tags Example</title>
      <meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
   </head>
   
   <body>
      <p>Hello HTML5!</p>
   </body>
   
</html>

これにより、次の結果が生成されます-

ドキュメントの説明

例

<!DOCTYPE html>
<html>

   <head>
      <title>Meta Tags Example</title>
      <meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
      <meta name = "description" content = "Learning about Meta Tags." />
   </head>
	
   <body>
      <p>Hello HTML5!</p>
   </body>
   
</html>

ドキュメントの改訂日

例

<!DOCTYPE html>
<html>

   <head>
      <title>Meta Tags Example</title>
      <meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
      <meta name = "description" content = "Learning about Meta Tags." />
      <meta name = "revised" content = "Tutorialspoint, 3/7/2014" />
   </head>
	
   <body>
      <p>Hello HTML5!</p>
   </body>
	
</html>

ドキュメントの更新

例

5秒ごとにページを更新し続ける場合は、次の構文を使用します。

<!DOCTYPE html>
<html>

   <head>
      <title>Meta Tags Example</title>
      <meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
      <meta name = "description" content = "Learning about Meta Tags." />
      <meta name = "revised" content = "Tutorialspoint, 3/7/2014" />
      <meta http-equiv = "refresh" content = "5" />
   </head>
	
   <body>
      <p>Hello HTML5!</p>
   </body>
	
</html>

ページリダイレクト

例

以下は、5秒後に現在のページを別のページにリダイレクトする例です。ページをすぐにリダイレクトする場合は、コンテンツ属性を指定しないでください。

<!DOCTYPE html>
<html>

   <head>
      <title>Meta Tags Example</title>
      <meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
      <meta name = "description" content = "Learning about Meta Tags." />
      <meta name = "revised" content = "Tutorialspoint, 3/7/2014" />
      <meta http-equiv = "refresh" content = "5; url = http://www.tutorialspoint.com" />
   </head>
	
   <body>
      <p>Hello HTML5!</p>
   </body>
	
</html>

クッキーの設定

Cookieはデータであり、コンピューター上の小さなテキストファイルに保存され、WebブラウザーとWebサーバーの間で交換されて、Webアプリケーションのニーズに基づいてさまざまな情報を追跡します。

例

<!DOCTYPE html>
<html>
   <head>
      <title>Meta Tags Example</title>
      <meta http-equiv = "cookie" content = "userid = xyz; expires = Wednesday, 08-Aug-15 23:59:59 GMT;" />
         
   </head>
   <body>
      <p>Hello HTML5!</p>
   </body>
</html>

有効期限を含めない場合、CookieはセッションCookieと見なされ、ユーザーがブラウザを終了すると削除されます。

Note− Cookieの詳細については、PHPとCookieのチュートリアルを確認してください。

著者名の設定

メタタグを使用して、Webページに作成者名を設定できます。以下の例を参照してください-

例

<!DOCTYPE html>
<html>

   <head>
      <title>Meta Tags Example</title>
      <meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
      <meta name = "description" content = "Learning about Meta Tags." />
      <meta name = "author" content = "Mahnaz Mohtashim" />
   </head>
	
   <body>
      <p>Hello HTML5!</p>
   </body>
	
</html>

文字セットを指定する

例

デフォルトでは、WebサーバーとWebブラウザーはISO-8859-1（Latin1）エンコーディングを使用してWebページを処理します。以下は、UTF-8エンコーディングを設定する例です-

<!DOCTYPE html>
<html>

   <head>
      <title>Meta Tags Example</title>
      <meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
      <meta name = "description" content = "Learning about Meta Tags." />
      <meta name = "author" content = "Mahnaz Mohtashim" />
      <meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8" />
   </head>
	
   <body>
      <p>Hello HTML5!</p>
   </body>
	
</html>

繁体字中国語で静的ページを提供するには、WebページにBig5エンコーディングを設定するための<meta>タグが含まれている必要があります-

<!DOCTYPE html>
<html>

   <head>
      <title>Meta Tags Example</title>
      <meta name = "keywords" content = "HTML, Meta Tags, Metadata" />
      <meta name = "description" content = "Learning about Meta Tags." />
      <meta name = "author" content = "Mahnaz Mohtashim" />
      <meta http-equiv = "Content-Type" content = "text/html; charset = Big5" />
   </head>
	
   <body>
      <p>Hello HTML5!</p>
   </body>
	
</html>