本文概述
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 |
评论前必须登录!
注册