HTML time具体用法和作用详解

174 阅读 0 评论 115 点赞

我是靠谱客的博主痴情长颈鹿，最近开发中收集的这篇文章主要介绍HTML time具体用法和作用详解，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

本篇文章将要给大家介绍HTML中time标签的具体用法和作用。在HTML中<time>标签似乎并不是非常广泛，有些新手可能都是第一次听说。但是俗话说，存在即合理。不常用不代表没有用。time顾名思义，就是时间的意思。那么在HTML中，它也是与时间相关的。

下面我们通过简单的代码示例给大家详细说说HTML中time的用法和用处。

<p>
我们在 <time datetime="2018-09-10">教师节</time> 为老师准备礼物！
</p>
登录后复制

这段简单的代码我们在浏览器上访问出现的效果是：

我们可以看到在页面上只出现了一段文字，而我们添加的<time>标签的内容在页面上没有任何显示。其实因为time标签虽然是用来表示HTML网页中出现的日期和时间，但是并不是给用户看的，而是给我们自己或者搜索引擎等机器看的。这样搜索引擎等其它程序会更容易更智能的提取这些信息，相比较普通日期表示，用time标签会更快速被搜索引擎抓取。

其中要注意，time一定要和datetime属性一起使用，datetime后的值就是你所要标注的日期和时间！