今天在用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其它相关文章!