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="08:00">　　<!--　means　8am　-->
<time　datetime="08:00-03:00">　　<!--　means　8am　in　Rio　de　Janeiro　(UTC-3　hours)　　-->
<time　datetime="08: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 - 월 (예1 January를 의미합니다 DD - 일 (예8) T - 필수 구분자는 지정된 시간이 있을 경우 hh - 시간 (예 22 을 의미합니다 10.00pm) mm - 분 (예 55) ss - 초 (예: 03) TZD - 지역 시간 식별자 (Z는 주루이며, 그린위치 시간으로도 알려짐)

　HTML <time> 태그

HTML: <template> 태그