HTML <time> 标签

实例

 <p>We open at <time>10:00</time> every morning.</p>

 <p>I have a date on <time datetime="2008-02-14">Valentines day</time>.</p>

浏览器支持

目前所有主流浏览器都不支持 <time> 标签。

标签定义及使用说明

<time> 标签定义公历的时间（24 小时制）或日期，时间和时区偏移是可选的。

该元素能够以机器可读的方式对日期和时间进行编码，这样，举例说，用户代理能够把生日提醒或排定的事件添加到用户日程表中，搜索引擎也能够生成更智能的搜索结果。

HTML 4.01 与 HTML5之间的差异

<time> 标签是 HTML5 中的新标签。

属性

New ：HTML5 中的新属性。

属性	值	描述
datetimeNew	datetime	规定日期/时间。另一种方式，则是由元素的内容给定日期/时间。

全局属性

<time> 标签支持 HTML 的全局属性。

事件属性

<time> 标签支持 HTML 的事件属性。

上一章:HTML

标签</a>
                        <a href="/tags/tag-title.html" class="btn btn-primary">下一章:HTML <title> 标签</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

<button class="sidebar-toggle" id="sidebarToggle">
    <i class="fas fa-bars"></i>
</button>

<div class="overlay" id="overlay"></div>
<div class="back-to-top" id="backToTop">
    <i class="fas fa-arrow-up"></i>
</div>
<footer class="text-center">
    <div class="container">

<p>Copyright © 2025 ab教程网  abdict.com | 备案号：<a class="footer-link" target="_blank" rel="nofollow" href="https://beian.miit.gov.cn/">豫ICP备17018595号-8</a>
    | <a class="footer-link" target="_blank" href="/disclaimer">免责声明</a>
        </p>
        
    </div>
</footer>
<script>
    var _hmt = _hmt || [];
    (function() {
        var hm = document.createElement("script");
        hm.src = "https://hm.baidu.com/hm.js?9d2dea183de9322b22fb2acbec495955";
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(hm, s);
    })();
</script>
<script src="/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="/libs/highlight/highlight.min.js"></script>
<script>
    hljs.highlightAll();
    // 搜索功能
    const searchInput = document.querySelector('.search-box input');
    searchInput.addEventListener('input', function() {
        const searchText = this.value.toLowerCase();

// 创建临时div来解析HTML
        const tempDiv = document.createElement('div');
        tempDiv.innerHTML = code;

// 显示结果
        resultContainer.innerHTML = tempDiv.innerHTML;
        resultContainer.style.display = 'block';
    }
    // 移动端侧边栏功能
    document.addEventListener('DOMContentLoaded', function() {
        const sidebar = document.getElementById('sidebar');
        const sidebarToggle = document.getElementById('sidebarToggle');
        const overlay = document.getElementById('overlay');

// 切换侧边栏显示
        function toggleSidebar() {
            sidebar.classList.toggle('show');
            overlay.classList.toggle('show');
        }

// 点击按钮切换侧边栏
        sidebarToggle.addEventListener('click', function(e) {
            e.stopPropagation();
            toggleSidebar();
        });

// 点击遮罩层关闭侧边栏
        overlay.addEventListener('click', function() {
            toggleSidebar();
        });

// 点击侧边栏内部不会关闭
        sidebar.addEventListener('click', function(e) {
            e.stopPropagation();
        });

// 调整窗口大小时重置侧边栏状态
        window.addEventListener('resize', function() {
            if (window.innerWidth >= 992) {
                sidebar.classList.remove('show');
                overlay.classList.remove('show');
            }
        });
    });
</script>
</body>
</html>

HTML参考手册