HTML5新增time元素,用来标记时间、日期或时间段。time有一个可选的datetime属性,用来指定时间格式。格式如下:
YYYY-MM-DDThh:mm:ss
如果没有设置datetime属性,time元素必须提供如上格式机器可读的日期和时间。例如:
2018-11-03T17 ••19:10 :
表示“当地时间2018年11月3日下午5时19分10秒”。小时部分使用24小时制,因此表示下午5点应使用17,而非05。如果包含时间,秒是可选的,也可以使用hlmmri.SSs格式提供时间的毫秒数。 注意,毫秒数之前的符号是一个点。
如果要表示时间段,则格式稍有不同。有几种语法,不过最简单的形式如下:
nh nm ns
其中,三个n分别表示小时数、分钟数和秒数。
也可以将日期和时间表示为世界时®在末尾加上字母Z,就成了 UTC (CoordinatedUniversal Time,全球标准时间)。例如(使用UTC的世界时):
2018-ll-03Ti7:19:l0z
也可以通过相对UTC时差的方式表示时间。这时不写字母Z,写上-(减)或+(加)及时差即可。例如,含相对UTC时差的世界时:
2018-11-03T17:19:10-03:30
表示“纽芬兰标准时(NST) 2018年11月3日下午5时19分10秒”(NST比UTC晚3个半小时)。
■实例设计
time元素如果提供了 datetime属性,time标签中的文本可以不严格使用有效的格式;如果忽略datetime属性,文本内容就必须是合法的日期或时间格式。
<p>我们在每夭早上<time>9:0,0</time>开始营业。,</p>
<p>我在<time datetime="2018-02-14">情人节</time>有个约会。</p>
time中包含的文本内容会出现在屏幕上,对用户可见,而可选的datetirae属性则是为机器准备的。 该属性需要遵循特定的格式。浏览器只显示time元素的文本内容,而不会显示datetime的值。
■小结
datetime属性不会单独产生任何效果,但可用于在Web应用(如日历应用)之间同步日期和时间。 这就是必须使用标准的机器可读格式的原因,这样程序之间就可以使用相同的“语言”来共享信息。
不能在time元素中嵌套另一个time元素,也不能在没有datetime属性的time元素中包含其他元素 (只能包含文本)。在早期的HTML5说明中,time元素可以包含一个名为pubdate的可选属性。不过,后来pubdate不再是HTML5的一部分。读者可能在早期的HTML5示例中遇到过该属性。
已有 22658 名学员学习以下课程通过考试
最需教育客户端 软件问题一手掌握
去 App Store 免费下载 iOS 客户端
点击加载更多评论>>