• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • <time>

    版本:HTML5

    <time>标签用来表示24小时制时间或者公历日期,若表示日期则也可包含时间和时区。

    浏览器支持

    所有浏览器都支持<time>

    示例

    <p>我们在每天早上 <time>9:00</time> 开始营业。</p>
    <p>我在 <time datetime="2008-02-14">情人节</time> 有个约会。</p>
    

    效果:

    我们在每天早上开始营业。

    我在有个约会。

    标签定义及使用说明

    • <time>标签定义公历的24小时制时间或者公历日期,若表示日期则也可包含时间和时区。
    • 该元素能够以机器可读的方式对日期和时间进行编码,这样,举例说,用户代理能够把生日提醒或排定的事件添加到用户日程表中,搜索引擎也能够生成更智能的搜索结果。
    • 此元素意在以机器可读的格式表示日期和时间。有安排日程表功能的应用可以利用这一点。注意:如果给定的日期不是正常日期或者在公历中最早的日期之前,请不要使用此元素。
    内容分类flow content,段落内容元素
    可包含内容段落内容元素,但不能包含子time元素。
    标签可省略?起止标签均不能省略。
    允许的父元素任何接受 段落内容元素 的元素。
    标准文档HTML5, section 4.6.10

    HTML 4.01 与 HTML 5 之间的差异

    <time>标签是 HTML 5 中的新标签。

    属性

    New:HTML5 中的新属性。

    像所有其他元素一样,此元素拥有可以使用通用属性。

    datetime该属性表示此元素的时间和日期,并且属性值必须是一个有效的日期格式,并可包含时间。如果此值不能被解析为日期,元素不会有一个关联的时间戳。如果未定义该属性,则必须在元素的内容中规定日期或时间。

    全局属性

    <time>标签支持HTML 的全局属性。

    事件属性

    <time>标签支持HTML 的事件属性。

    例子

    如何定义时间和日期:

    <p>we open at <time>10:00</time> every morning.</p>
    <p>i have a date on <time datetime="2008-02-14">valentines day</time>.</p>

    we open at every morning.

    i have a date on .

    <p>the concert starts at <time>20:00</time>.</p>
    

    上面的HTML会显示:

    the concert starts at .

    pubdate示例

    <article>
      <p>this article was created on <time pubdate>2011-01-28</time>.</p>
    </article>
    

    上面的HTML会显示:

    this article was created on .

    datetime示例

    <p>the concert took place on <time datetime="2001-05-15 19:00">may 15</time>.</p>
    

    上面的HTML会显示:

    the concert took place on .

    上篇:<data>

    下篇:<dfn>