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

合 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属性来实现显示当前年份的目的。

© 版权声明
THE END
請多多支持
点赞9
评论 抢沙发

    暂无评论内容