HTML <time> 标签datetime属性

• 

  <time>标签datetime属性定义和用法

  datetime属性表示<time>元素的机器可读日期/时间。
  法定日期和时间的示例：

  日期:
  <time datetime="1914">  <!-- 指1914年 -->
  <time datetime="1914-12">  <!-- 指1914年12月 -->
  <time datetime="1914-12-20">  <!-- 指1914年12月20日 -->
  <time datetime="12-20">  <!-- 指任何一年的12月20日 -->
  <time datetime="1914-W15">  <!-- 指1914年第15周 -->
  
  日期和时间:
  <time datetime="1914-12-20T08:00">  <!-- 指1914年12月20日上午8点 -->
  <time datetime="1914-12-20 08:00">  <!-- 也表示1914年12月20日上午8点 -->
  <time datetime="1914-12-20 08:30:45">  <!-- 表示1914年12月20日上午8点30分45秒 -->
  <time datetime="1914-12-20 08:30:45.687">  <!-- 表示1914年12月20日上午8点30分45.687秒 -->
  
  时间:
  <time datetime="08:00">  <!-- 意思是早上8点-->
  <time datetime="08:00-03:00">  <!-- 意味着里约热内卢上午8点（UTC - 3小时）  -->
  <time datetime="08:00+03:00">  <!-- 意味着马达加斯加早上8点（UTC + 3小时）  -->
  
  持续时间:
  <time datetime="P2D">  <!-- 表示持续2天 -->
  <time datetime="PT15H10M">  <!-- 表示持续15小时10分钟 -->

• 

  <time>标签datetime属性浏览器支持

  Edge/IE	Chrome	FireFox	Safari	Opera
  支持	支持	支持	支持	支持

• 

  HTML4.01和HTML5之间的差异

  <time>标记是HTML5中的新标记。

• 

  <time>标签datetime属性语法

  <time datetime="YYYY-MM-DDThh:mm:ssTZD">

• 

  <time>标签datetime属性实例

  <p>我在<time datetime="2017-02-14 20:00">情人节</time>约会。</p>

  尝试一下
• 

  <time>标签datetime属性的值

  值	描述
  YYYY-MM-DDThh:mm:ssTZD或者PTDHMS	指定的日期或时间。 组件说明： YYYY - 年（例如2011年） MM - 月（例如1月01） DD - 每月的某天（例如08） T或空格 - 分隔符（如果还指定了时间，则需要） hh - 小时（例如22点到晚上10点） mm - 分钟（例如55） ss - 秒（例如03） TZD - 时区指示符（Z表示祖鲁语，也称为格林威治标准时间） P - “期间”的前缀 D - “天”的前缀 H - “小时”的前缀 M - “分钟”的前缀 S - “秒”的前缀