HTML5 新增的time元素可以用于表示时间或日期相关的内容

服務器運維
2024-12-21
編輯

多啦A鸡

合 JavaScript 同样可以用来显示当前年份，示例如下：

<!DOCTYPE html>
<html lang="en">

<body>
    <!-- 网页其他内容 -->

    <footer>
        <p>版权所有 &copy; <time id="current-year"></time> 风水易</p>
        <script>
            document.addEventListener("DOMContentLoaded", function () {
                var currentYear = new Date().getFullYear();
                document.getElementById("current-year").innerHTML = currentYear;
            });
        </script>
    </footer>
</body>

</html>

这里将用于显示年份的占位元素换为了<time>元素，它从语义上更明确地表示这是一个和时间相关的内容展示区域，但功能实现上和使用<span>元素基本一致，都是通过 JavaScript 获取年份后赋值给其innerHTML属性来实现显示当前年份的目的。

給TA打賞