ブログ投稿日時:
ブログ更新日時:
時間や日にちを表すtimeタグについて解説
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属性についてはセットで使うようにしましょう。
最後までお読みいただきありがとうございます。