HTML5   发布时间:2022-04-25  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了html5知识点补充—time元素的使用大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

使用time元素插入日期和时间

使用time元素,我们可以插入计算机能够识别的日期和时间,同时又能以一种可读的方式显示用户。那么利用此元素,我们不仅可以为内容添加如发布时间、事件发生时间等信息,还可以利用其他的技术(比如说日历系统)。time元素有两个可选属性

  • datetiR_521_11845@e: 终端用户浏览的内容在time标记之间,而计算机可以识别datetiR_521_11845@e值:datetiR_521_11845@e="2011-04-01T16:00Z"。其中的时间部分(T16:00)是可选的。也可以为其添加时差信息:T16:00+04:00。这里的Z代表的是协调世界时,与添加时差信息+00:00相同。

  • pubdate: pubdate是布尔属性。它代表的是其最近的父article元素内容的发布日期和时间,如没找到任何父article元素,则指向整个文档。每个article元素只能拥有一个带pubdate的time元素。

下面是几个示例:

<body>
    <article>
        <footer>
            <p>This news article was published on <time pubdate datetiR_521_11845@e="2011-04-01T16:00Z">lst April 2011 at 4pm</time></p>
        </footer>
    </article>

    <article>
        <h1>Christmas day family photo</h1>

        <p>It lovely to have the family here for <time pubdate datetiR_521_11845@e="2010-12-25">Christmas Day 2010</time></p>
    </article>

    <p>HTML6 release date is due on <time datetiR_521_11845@e="2040-10-04">Arril 1<sup>st</sup> 2040</time></p>
</body>

大佬总结

以上是大佬教程为你收集整理的html5知识点补充—time元素的使用全部内容,希望文章能够帮你解决html5知识点补充—time元素的使用所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。