小码哥的IT人生

HTML <time> datetime 属性 详解

HTML基础 2022-06-02 12:09:07小码哥的IT人生shichen

HTML <time> datetime 属性

实例

已指定日期的 time 元素:

<p>我在<time datetime="2008-02-14">情人节</time>有个约会。</p>

 

完整实例【亲自试一试】:

<!DOCTYPE html>
<html>
<body>
<p>我在<time datetime="2008-02-14">情人节</time>有个约会。</p>
</body>
</html>

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

定义和用法

datetime 属性规定日期或时间。在该元素的内容中未指定日期或时间时,使用该属性。

浏览器支持

目前所有主流浏览器都不支持 <datetime> 标签。

HTML 4.01 与 HTML 5 之间的差异

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

语法

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

属性值

描述
YYYY-MM-DDThh:mm:ssTZD

日期或时间。下面解释了其中的成分:

  • YYYY - 年 (例如 2011)
  • MM - 月 (例如 01 表示 January)
  • DD - 天 (例如 08)
  • T - 必需的分隔符,若规定时间的话
  • hh - 时 (例如 22 表示 10.00pm)
  • mm - 分 (例如 55)
  • ss - 秒 (例如 03)
  • TZD - 时区标识符 (Z 表示祖鲁,也称为格林威治时间)

版权所有 © 小码哥的IT人生
Copyright © phpcodeweb All Rights Reserved
ICP备案号:苏ICP备17019232号-2  

苏公网安备 32030202000762号

© 2021-2024