如何处理IE等浏览器不支持的元素

Question

我喜欢发展我的 HTML 语义，所以我添加了。

<time datetime="2019-12-12">December 12</time>

但在那之后，我看到关于时间元素的 MDN 文档说 IE 不支持时间。

所以我使用了javascript，我可以为不受支持的代码做替代。

所以我也可以在 HTML 中以某种方式或某种方式做到这一点。

Answer 1

<time>标签支持IE 9+，对于老版本的IE浏览器，可以尝试在header中加入如下代码：document.createElement("time");

详细代码如下：

<head>
    <meta charset=utf-8 />
    <title>Test</title>
    <script>
        document.createElement("time");
    </script>
    <style>
        time {
            font-weight: bold;
        }
    </style>
</head>
<body> 
    <p>The Cure will be celebrating their 40th anniversary on <time datetime="2018-07-07">July 7</time> in London's Hyde Park.</p>

    <p>The concert starts at <time datetime="20:00">20:00</time> and you'll be able to enjoy the band for at least <time datetime="PT2H30M">2h 30m</time>.</p>
</body>

更多关于HTML5语义元素的详细信息，请查看以下文章：

HTML5 semantic elements browser support.

Supporting New Elements in IE

Answer 2

有一些新库可以让您在 HTML5 上自由使用，而无需担心浏览器支持，例如 one。

这可能会让您更快地开发，而不必一直担心浏览器支持。

你也可以用javascript来解决事情：

var dt = new Date();
var time = dt.getHours() + ":" + dt.getMinutes() + ":" + dt.getSeconds();
document.write(time);

如何处理IE等浏览器不支持的元素

how to deal with element that unsupported in browser like IE

html

browser

internet-explorer