【问题标题】:HTML time tag for duration持续时间的 HTML 时间标签
【发布时间】:2015-10-12 02:10:33
【问题描述】:

我需要显示视频的时长。我应该使用<time> 还是应该仅用于显示时间,就像在时钟中一样?

示例

这是正确的 HTML5 吗?

<p>Duration: <time>3:30 min</time>.</p>

还是应该只在这种情况下使用&lt;time&gt;

<p>Good morning. The actual time is: <time>9:45</time></p>.

文档

MDN 给出以下定义:

HTML 元素表示 24 小时制的时间或公历中的精确日期(带有可选的时间和时区信息)。 此元素旨在用于以机器可读格式显示日期和时间。这有助于用户代理为用户的日历提供任何事件安排。

不过W3C中的定义有些不同,指的是持续时间:

指定元素表示的日期或时间。

价值:以下任意一项:

  • (...)

  • [HTML5] 规范中定义的有效持续时间字符串

例子:

PT4H18M3S

4h 18m 3s

所以,我不确定在这种情况下是否应该使用&lt;time&gt;。有什么想法吗?

【问题讨论】:

    标签: html time semantics semantic-markup


    【解决方案1】:

    是的,您可以使用time element 来表示持续时间。

    但值必须是valid duration string,“3:30 min”不是。

    您可以使用datetime attribute指定正确的值,并将“3:30 min”作为元素内容,例如:

    <time datetime="3m 30s">3:30 min</time>
    

    【讨论】:

      【解决方案2】:

      如果规范允许time 元素具有持续时间作为值,则意味着它可以以这种方式使用。我在规范中发现的唯一limitation 是您不能指定持续时间的月份或年份——只能指定几周、几天、几小时、几分钟和几秒钟。但这在视频的持续时间内应该不是问题)。

      【讨论】:

      • 如何让&lt;time&gt; 工作?我想这样使用它,它看起来很有语义。
      猜你喜欢
      • 2018-10-13
      • 1970-01-01
      • 2014-02-26
      • 2015-05-21
      • 1970-01-01
      • 2020-12-05
      • 2020-09-24
      • 2018-05-06
      • 1970-01-01
      相关资源
      最近更新 更多