HTML中的 标签详解

小鱼们欢快的闹腾起来,有的甩动着尾巴,有的吐着泡泡,有的扭动着身体,互相追玩,好不热闹。春天来了!你看,融化的冰水把小溪弄醒了。 "丁粳、丁粳 ",它就像大自然的神奇歌手,唱着清脆悦耳的歌,向前奔流……

今天在用W3C检测网页的标签时,发现了一个<time>的html标签,虽然自己的博客模版上也用过这个html标签,但还是仔细的查找了关于它的一些文档说明,记录下来以备后用。

html <time> 标签

<time>:标签定义公历的时间(24小时制)或日期

语法:

<time>2019-11-19</time>

属性:

datetime:规定日期或时间。不定义则由元素的内容给定。

pubdate:指示 <time> 元素中的日期或时间是指文档或<article>的发布日期。

注:以上两种属性都属于 html5 中新增的属性

例:<time>标签指定一个时间或日期

HTML代码:

<p>请在<time>9:00</time> 之前打卡!</p>
<p>创建于<time>2016-11-11</time>,已经建站三年了!</p>
<!--使用 datetime 属性-->
<p>创建于<time datetime=“2016-11-11”>2016/11/11</time>,已经建站三年了!</p>

例:<time>标签指定文章或文档的发布日期

指定一篇文章或一个页面的发布日期,要用到 <time>标签的 pubdate 属性!

<!--使用 pubdate 精简的写法,看到网上很多人都这样写-->
<p>本页面修改于:<time pubdate>2019/11/18</time>,</p>
<!--使用 datetime 属性指定于具体的时间段,精确到秒-->
<p>本篇文章发布时间:<time datetime=“2016-11-11 21:35:25" pubdate="pubdate">2019/11/18</time>,</p>

<time>标签使用注意事项

1、<time> 标签和普通标签一样,不会在浏览器中呈现任务效果

2、所有的主流浏览器都不支持 <time> 标签

3、搜索引擎对 <time> 标签是友好的,(有待研究)

以上就是HTML中的 标签详解。世界读书日,无论是电子书还是纸质书,无论是励志书还是专业书,无论是文言文还是白话文,无论是书声琅琅还是默默诵读,只要我们有一颗读书的心,有一颗思考的脑,有一双明慧的眼,就能共同在书海里快乐地翱翔!更多关于HTML中的 标签详解请关注haodaima.com其它相关文章!

您可能有感兴趣的文章
HTML标签之!DOCTYPE文档类型声明

如何使用html+css代码如何实现冰墩墩和雪容融效果

html中checkbox与radio样式美化的简单实例

div设置可编辑内容的方法

css设置placeholder的颜色样式的方法