您当前的位置:首页 > 网站建设笔记 >

HTML5 time元素

0

<time>简单地为你提供了一个像样的语义化方法来标记日期和事件。下面是一个简单的例子:
<time datetime="1978-06-27">27th June 1978</time>

datetime属性包含了一个清晰且机器可读的ISO标准的日期和时间。换句话说,标签中的文本则可以是时间和日期的任何一种你想要的表述,你可以根据你的站点风格来定义文本,你还可以这样:

  • <time datetime="1978-06-27">June 27 1978</time>
  • <time datetime="1978-06-27">My birthday</time>
  • <time datetime="1978-06-27">Nineteen seventy-eight, June the twenty-seventh</time>

你还可以像下面这样添加时间:
<time datetime="1978-06-27T23:58">Two minutes to midnight, on my birthday</time>

此外,你还可以添加时区矫正。例如,要让上面例子中的时间变为中欧时间(CET),你可以这样:
<time datetime="1978-06-27T23:58Z+01:00">Two minutes to midnight, on my birthday, CET</time>

最后关于<time>语法还有一点需要讨论,它对博客例子很有用,如果你想将声明的时间指定为刊物内容驻留的时间,你可以使用pubdate属性,例如(虽然写这本书的时候,也正在讨论此属性在规范中的去留问题,它有可能消失):
<time datetime="1978-06-27" pubdate>27th June 1978</time>

很多人抱怨过去无法使用<time>来描述一个不精确的时间,例如博物馆目录这样的文档。但最近的更新已经使问题有所改善,现在,你可以这么做:

  • <time datetime="1983">The year 1983</time>
  • <time datetime="1983-12">December 1983</time>
  • <time datetime="12-25">25 November(any year)</time>
  • <time datetime="1983-W23">Week 23 in 1983</time>
  • <time datetime="P 20 D">A period of 20 days</time>

建站咨询

在线咨询真诚为您提供专业解答服务

咨询热线

137 1731 25507×24小时服务热线

微信交流

二维码终于等到你,还好我没放弃
返回顶部