SoyaBlog

これを見れば解決しそうや

HOME>HTML>時間や日にちを表すtimeタグについて解説
ブログ投稿日時:
ブログ更新日時:
時間や日にちを表すtimeタグについて解説

時間や日にちを表すtimeタグについて解説

  1. timeタグとは
  2. timeタグの基本的な使い方
  3. 今回のまとめ
1.

timeタグとは

時間や日にちを表すときはtimeタグを使います。

timeタグ使うと、検索エンジンに日時を認識してもらうことができるので、検索順位がアップするというメリットがあります。

2.

timeタグの基本的な使い方

ここではtimeタグの指定方法とtimeタグで主に使うdatetime属性について解説していきます。

timeタグの指定方法

timeタグの指定方法と表示は下記の通りです。

<p>日時:<time>2024年01月10日午前10時</time></p>

<time>2024年01月10日</time>
HTMLとCSSの表示

日時:2024年01月10日午前10時

2024-01-10

上記のように日時や日にちだけを指定するときはtimeタグを使います。

timeタグで使用できるdatetime属性

datetime属性は、日時や時間の値を示すために使用されます。

datetime属性の指定方法は下記の通りです。

<p>日時:<time datetime="2024-01-10 10:00">2024年01月10日午前10時</time></p>

<time datetime="2024-01-10">2024年01月10日</time>

上記のように日時や時間の値を示すときはdatetime属性を使います。

timeタグとdatetime属性についてはセットで使うことが多いです。

3.

今回のまとめ

この記事ではtimeタグについて解説しました。

timeタグとは、時間や日にちを表すときに使うタグです。

また、timeタグを使うときは主にdatetime属性を指定します。

timeタグとdatetime属性についてはセットで使うようにしましょう。

最後までお読みいただきありがとうございます。