0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

HTML<time>タグ:正しい理解と使い方

0
Posted at

<time>タグは、機械が読み取れる標準化されたデータ形式の日付や時刻を示します。このタグによって日付や時刻に関するコンテンツを機械可読な標準形式で明示することで、スクリーンリーダーや検索エンジンなどがコンテンツをより適切に理解し処理できるようになります。タグのコンテンツには、日付、時刻、タイムゾーンオフセット、期間など限定された範囲でのみ使用できます。つまり、日付や時刻に関連する情報のみを含めることができます。

基本例

<p>次の集まりは<time>2024-07-07</time>に行われる予定です。</p>

<time>タグを使用しても、ブラウザ上で表示される際に特別な視覚的変化はありません。つまり、通常のテキストと同じように見えますが、内部的には「機械可読な日付・時間データ」として扱われます。そのため、スクリーンリーダーや検索エンジンなどが情報を解釈しやすくなるメリットがあります。

機械が読み取ることのできる標準化された形式の日付や時刻

<time>タグは機械が読み取ることのできる標準化された形式の日付や時刻として記述する必要があります。

  • 有効な年の文字列
  • 有効な年-月の文字列
  • 有効な年-月-日文字列
  • 有効な月-日文字列
  • 有効な週(week)文字列
  • 有効な時刻文字列
  • 有効なタイムゾーンオフセット文字列
  • 有効な現地日時文字列
  • 有効な国際日時文字列
  • 有効な期間文字列

参考資料

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?