アップデート 2024年7月17日

★HTML Living Standard リファレンス

山田太郎

テック・リード

当サイトのリンクからサインアップしても、利用者の方に追加料金はかかりませんが、私たちが紹介手数料を受け取る場合があります。

<title> …… 文書のタイトルや文書名を表す
Internet Explorer

<title>タグは、文書のタイトルや文書名を表す際に使用します。

現在のHTML標準の仕様では、title要素は必須要素とされていませんが、
ほとんどのHTML文書にはtitle要素が必要です。

title要素を配置する場合には、head要素の子要素としてひとつだけ配置します。
ひとつの文書内に複数のtitle要素があってはなりません。

■使用例

HTMLソース

<!doctype html>
<html lang=ja>
 <head>
  <title>すぐれた養蜂家になるには</title>
 </head>
 <body>
 ...

タイトルと見出しの違い

文書にタイトルを付ける際には、それだけで文書を識別できるタイトル内容を指定します。
例えば、検索結果・ブックマーク・履歴などにおいて、
文書の文脈から切り離されてタイトルだけが利用される場合にも、
それをみてどんな内容の文書なのかが分かるタイトルにします。

一方で、h1-h6要素で指定する見出しは、文書全体の文脈のなかで利用されるものです。
そのため、title要素で指定する文書のタイトルと
h1-h6要素で指定する見出しは、
同じ内容になることもあれば異なる内容となることもあるでしょう。

■使用例

以下に、title要素が適切に使用されている例を示します。
「ミツバチの交配」というタイトルは、それだけみれば文書を識別できるように配慮されています。
一方で「序章」という見出しだけではどの文書なのか分からないでしょう。

HTMLソース

  <title>ミツバチの交配</title>
    ...
  <h1>序章</h1>
  <p>広く読まれている養蜂ガイド本の<cite>中世の養蜂入門書</cite>は...

■使用例

もうひとつ、title要素が適切に使用されている例を示します。
「ミツバチのダンス」というタイトルで、文書の主題をきちんと説明しています。
一方で「ダンスの意味」という見出しは、
その言葉がどんな文脈で使用されているかを読者が知っていることを前提としています。

HTMLソース

  <title>ミツバチのダンス</title>
    ...
  <h1>ダンスの意味</h1>

title要素を省略できる場合

現在のHTML標準の仕様では、title要素は必須要素とされていません。
文書にタイトルがないことが合理的である場合には、title要素を省略できます。

より高いレベルのプロトコルでタイトル情報が提供されているなら、
あえて文書レベルでタイトルをつける必要がない場合もあるでしょう。

例えば、電子メール作成フォーマットとしてHTMLが使用される際に、
電子メールの件名でタイトル情報が提供される場合にはtitle要素を省略できるかもしれません。

■関連項目

<head> …… 文書のヘッダ情報を表す
<title> …… 文書のタイトルや文書名を表す
<base> …… 文書の基準URLや基準ターゲットを指定する
<link> …… 文書から外部リソースにリンクする
<meta> …… 文書に関するメタデータを表す
<style> …… CSSスタイルシートを文書に埋め込む
<h1>, <h2>, <h3>, <h4>, <h5>, <h6> …… セクションの見出しを表す

山田太郎

山田太郎は、ウェブ開発やグラフィックスプログラミングに10年以上の経験を持つテクノロジーの専門家です。特にHTML5 CanvasやJavaScript、インタラクティブメディアに精通しており、動的なユーザーインターフェースや最先端のウェブアプリケーションの開発に携わってきました。複雑な図形描画や画像操作、リアルタイムグラフィックスに関する知識が豊富で、ウェブ技術の限界を追求する開発者たちにとって頼りになる存在です。知識の共有に情熱を持ち、初心者からプロフェッショナルまで幅広く支援するため、技術フォーラムやブログにも積極的に貢献しています。

全ての投稿者山田太郎

カジノファインダー

どのカジノが自分に最適か分からないですか?

サインアップは必要なく、1 分以内に最適なブックメーカーを簡単に見つけることができます。

カジノを探す

Back

どちらのバンキング方式をご希望ですか？

Select one of the following options

{"is_any_tile":true}

信頼できる

{"is_any_tile":true}

アップル・ペイ

{"is_any_tile":true}

より良い

{"is_any_tile":true}

スクリル

{"is_any_tile":true}

ネッテラー

{"is_any_tile":true}

ペイパル

{"is_any_tile":true}

クレジットカード

Back

理想のウェルカムボーナスとは？

Select one of the following options

{"is_any_tile":false,"sources":[{"source":"bmc_bonus_type","table_games":false,"bonus_types":false,"game_providers":false,"slots":false,"live_games":false,"is_live_dealer":false,"payment_methods":false,"sport_types":false,"live_streaming":false,"cash_out":false}]}

ウェルカムボーナス

入金不要ボーナス

登録ボーナス

ボーナスはいらない

Back

最もプレーしたいゲームは？

Select one of the following options

{"is_any_tile":true}

スポーツベット

{"is_any_tile":true}

ライブカジノ

{"is_any_tile":true}

プリンコ

{"is_any_tile":true}

バカラ

{"is_any_tile":true}

ポーカー

{"is_any_tile":true}

ルーレット

{"is_any_tile":true}

スロット

Back

Restart

やったー！

これはあなたの選択に基づいた最高のカジノです...

121 users signed up

もっと表示する