HTML时间标记

本文概述

HTML <time>标记用于定义日期和时间。它以24小时制显示时间值, 或者以HTML的公历显示精确的日期。

它用于以机器可读的方式对日期和时间进行编码, 以简化标记或安排任务的时间。

它还可以帮助搜索引擎生成更智能的搜索结果。

HTML <time>是一个新标记, 并在HTML5中引入。

让我们看看定义日期和时间的语法。

<time>Define Time and Date here</time>

属性

HTML5时间标记只有一个特定属性。

属性 描述
datetime 它用于在时间元素内定义机器可读的日期/时间。

HTML时间标签示例

<p>We open our shop at <time>09:00</time> am.</p>
<p>The business meeting is scheduled on <time datetime="2009-02-18">next wednesday</time>.</p>
<p>The wedding of Salman's sister was scheduled  at <time datetime="2014-11-19 T0 7:00-09:00">7pm last wednesday </time>.</p>

立即测试

输出:

我们在上午09:00开店。

商务会议定于下周三举行。

萨尔曼姐姐的婚礼预定在上周三晚上7点举行。


在此示例中, body标签中的第一行定义了时间标签的基本用法。

第二行显示如何使用datetime属性以机器可读格式提供内容。

第三行使用datetime属性提供更具体的日期和时间。


<time>标记还支持HTML 5中的全局属性和事件属性。


支持的浏览器

Element Chrome IE Firefox Opera Safari
<time> Yes Yes Yes Yes Yes
微信公众号
手机浏览(小程序)
0
分享到:
没有账号? 忘记密码?