datetime属性

del要素のdatetime属性は、削除日時を指定する属性。

ブラウザ対応

構文

<del datetime="機械可読な形式の日時">削除部分</del>

機械可読な形式の日時

YYYY-MM-DDThh:mm:ssTZD
  • YYYY:年。西暦の4桁で指定する。( 例: 2001年であれば、2001。 )
  • MM:月。01~12の2桁で指定する。( 例: 2月であれば、02。 )
  • DD:日。01~31の2桁で指定する。( 例: 3日であれば、03。 )
  • T:年月日と時間の区切り。( 例: 2001年2月3日午前4時5分6秒であれば、2001-02-03T04:05:06。 )
  • hh:時間。00~23の2桁で指定する。( 例: 午前4時であれば、04。 )
  • mm:分。00~59の2桁で指定する。( 例: 5分であれば、05。 )
  • ss:秒。00~59の2桁で指定する。( 例: 6秒であれば、06。 )
  • TZD:タイムゾーン指定子。
    • 協定世界時(UTC):末尾にZを添える。( 例: 2001年2月3日午前4時5分6秒であれば、2001-02-03T04:05:06Z。 )
    • 協定世界時(UTC)以外のタイムゾーン(ローカルタイム):末尾に±hh:mm±hhmm±hhの何れかを添える。( 例: 日本時間の2001年2月3日午前4時5分6秒であれば、2001-02-03T04:05:06+09:00。 )

サンプルコード

<p>元のテキスト。<del datetime="2001-02-03T04:05:06+09:00">削除テキスト。</del>元のテキスト。</p>

日本時間の2001年2月3日午前4時5分6秒に削除したテキストであることを示す。

サンプル

HTMLソースコード

<p><b>To Do リスト</b></p>
<ul>
	<li><del datetime="10:35:06+09:00">食料品の買い物。</del></li>
	<li>幼稚園にお迎え。</li>
	<li>掃除。</li>
	<li><del datetime="9:00:00+09:00">洗濯。</del></li>
	<li><del datetime="11:52:00+09:00">机の整理。</del></li>
</ul>

実際の表示

To Do リスト

  • 食料品の買い物。
  • 幼稚園にお迎え。
  • 掃除。
  • 洗濯。
  • 机の整理。