您的位置:首页> 前端教程> HTML教程
文章导航

HTML <time> 标签

2019-8-1 13:17| 作者: admin| 查看: 2578| 评论: 0|来自: 蚂蚁部落

<time>是HTML5新增的语义化标签之一。

关于语义化标签的概念与作用可以参阅HTML 语义化布局一章节。

一.<time>标签作用:

HTML5将标签类别根据功能进行了细化,以使代码更具有语义。

不但便于程序员阅读,也更有利于搜索引擎的抓取识别,有着比较积极的意义。

<time>标签可以用于定义时间日期。

二.代码实例:

[HTML] 纯文本查看 复制代码运行代码
<div>
  <p>蚂蚁部落创建于<time>2015-6-8</time></p>
  <p>今天是<time datetime="2019-08-01">八一建军节</time></p>
</div>

代码分析如下:

(1).<time>标签中可以直接规定时间日期。

(2).如果标签内没有规定时间日期相关信息,需要通过datetime属性规定。

(3).时间日期的格式只要计算机能够识别即可。

(4).如果datetime规定的是时间日期,两者之间需要用T分割,如"2019-08-01T20:00"。

(4).时间日期的最后还可以加"Z"或者使用"+"或者"-"表示时间差。

关于时间格式可以参阅时间日期字符串 T与Z 功能一章节。


鲜花

握手

雷人

路过

鸡蛋

最新评论

返回顶部