4.4 时间time
2025年09月26日
4.4 时间time
time元素用来定义24小时制中的时间或日期,日期或时间的值可包含时差设定。
time元素标签语法为:
说明:
(1)time元素是HTML5标准的新增元素,用来定义日期或者时间,或者同时定义二者。
(2)不要在time元素中使用不准确的日期或时间,例如“20世纪”“90年代初”“今天早上”等。
(3)time元素的属性datetime用来规定日期或时间。在time元素的内容中未指定时间或时期时,使用该属性。反过来如果未定义此属性,则须在time元素的标签内容中设定日期或时间。
(4)datetime属性应提供机器可读的日期和时间格式,简化形式为:YYYY-MMDDThh:mm:ss。YYYY代表年,MM代表月,DD代表天,T是时期和时间之间必需的分隔符,hh代表时,mm代表分,ss代表秒。例如2013-04-10T16:40:23,表示当地时间2013年4月10日下午4点40分23秒。如果要表示世界时间,可以在末端加上字母Z,例如2013-04-10T16:40:23Z。
指定标准时间和日期的步骤如下:
(1)输入“<time”开始time元素。
(2)如果需要,可以输入“datetime="time"”,其中time应该使用合法的格式。
(3)输入“>”来结束这个开始标签。
(4)如果要让时间显示在浏览器中,要输入反映时间或日期的文本。
(5)输入“</time>”。
定义时期和时间的代码如下:
运行结果如图4-4所示。
图4-4 time元素标签实例运行结果