位置:首页 > 软件操作教程 > 编程开发 > HTML > 问题详情

HTML5文本 实用性标记 时间

提问人:刘团圆发布时间:2020-11-20

    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示例中遇到过该属性。

继续查找其他问题的答案?

相关视频回答
回复(0)
返回顶部