HTML <time> 标签

实例

如何定义时间和日期:

复制代码
<p>我们在每天早上 <time>9:00</time> 开始营业。</p>

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

定义和用法

<time> 标签定义公历的时间(24 小时制)或日期,时间和时区偏移是可选的。

该元素能够以机器可读的方式对日期和时间进行编码,这样,举例说,用户代理能够把生日提醒或排定的事件添加到用户日程表中,搜索引擎也能够生成更智能的搜索结果。

浏览器支持

元素 Chrome IE Firefox Safari Opera
<time> 62.0 18.0 22.0 7.0 49.0

浏览器支持

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

HTML 4.01 与 HTML 5 之间的差异

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

属性

new : HTML5 中的新属性。

属性 描述
datetime datetime 规定日期 / 时间。否则,由元素的内容给定日期 / 时间。
pubdate pubdate 指示 <time> 元素中的日期 / 时间是文档(或 <article> 元素)的发布日期。
相关推荐
老K(郭云开)18 分钟前
最新版Chrome浏览器加载ActiveX控件之SolidWorks 3D控件
前端·javascript·chrome·安全·3d·firefox
xuxuejian982432 分钟前
后台管理系统-axios网络请求的封装
前端·javascript·学习
明月看潮生37 分钟前
青少年编程与数学 02-006 前端开发框架VUE 14课题、生命周期
前端·javascript·vue.js·青少年编程·编程与数学
AI大模型learner42 分钟前
Vue 环境配置与项目创建指南
前端·javascript·vue.js
傻小胖44 分钟前
React PureComponent使用场景
前端·javascript·react.js
明月看潮生44 分钟前
青少年编程与数学 02-006 前端开发框架VUE 13课题、事件处理
前端·javascript·vue.js·青少年编程·编程与数学
viqecel1 小时前
页面滚动下拉时,元素变为fixed浮动,上拉到顶部时恢复原状,js代码以视频示例
前端·javascript·ajax·滚动下拉浮动
caterpillarxie1 小时前
第 3 章 HTML5 编程基础教案
前端·html·html5
半兽先生1 小时前
vue video重复视频 设置 srcObject 视频流不占用资源 减少资源浪费
前端·javascript·vue.js
WebDesign_Mu2 小时前
HTML+CSS+JS制作中国传统节日主题网站(内附源码,含5个页面)
javascript·css·html