HTML 参考手册

HTML 标签大全

HTML: <time> datetime 属性

<time> datetime 属性的使用方法，datetime属性表示 <time>元素的机器可读日期/时间。

在线示例

具有机器可读的datetime属性的time元素：

示例

!DOCTYPE　html>
<html>
<head>　
<meta　charset="utf-8">　
<title>基础教程网(oldtoolbag.com)</title>　
</head>
<body>
<p>我们在<time　datetime="2019-12-25">圣诞节</time>举办一个Party。</p>
</body>
</html>

测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

datetime 属性在所有浏览器中不会渲染任何特殊的效果。

定义和用法

datetime属性表示<time>元素的机器可读日期/时间。

合法日期和时间的示例：

Dates:
<time　datetime="1914">　　<!--　means　the　year　1914　-->
<time　datetime="1914-12">　　<!--　means　December　1914　-->
<time　datetime="1914-12-20">　　<!--　means　20　December　1914　-->
<time　datetime="12-20">　　<!--　means　20　December　any　year　-->
<time　datetime="1914-W15">　　<!--　means　week　15　of　year　1914　-->
Date　and　Times:
<time　datetime="1914-12-20T08:00">　　<!--　means　20　December　1914　at　8am　-->
<time　datetime="1914-12-20　08:00">　　<!--　also　means　20　December　1914　at　8am　-->
<time　datetime="1914-12-20　08:30:45">　　<!--　with　minutes　and　seconds　-->
<time　datetime="1914-12-20　08:30:45.687">　　<!--　with　minutes,　seconds,　and　milliseconds　-->
Times:
<time　datetime="8:00">　　<!--　means　8am　-->
<time　datetime="8:00-03:00">　　<!--　means　8am　in　Rio　de　Janeiro　(UTC-3　hours)　　-->
<time　datetime="8:00+03:00">　　<!--　means　8am　in　Madagascar　(UTC+3　hours)　　-->
Durations:
<time　datetime="P2D">　　<!--　means　a　duration　of　2　days　-->
<time　datetime="PT15H10M">　　<!--　means　a　duration　of　15　hours　and　10　minutes　-->

HTML 4.01 と HTML5の間の違い

<time> タグは HTML5 新しいタグ。

文法

　　　　 <time datetime="YYYY-MM-DDThh:mm:ssTZD">

属性値

値	説明
YYYY-MM-DDThh:mm:ssTZD	日付または時間です。以下にその構成要素について説明します： YYYY - 年 (例えば 2011) MM - 月 (例えば 01 を January と示す DD - 日 (例えば 08) T - 指定された場合の必要な区切り文字 hh - 時 (例えば 22 を示す 10.00pm) mm - 分 (例えば 55) ss - 秒 (例えば 03) TZD - 時区記号 (Z は祖ル、グリニッジ標準時とも呼ばれる)

　HTML <time> タグ

HTML: <template> タグ