我们能够正确使用`main`元素吗?

时间:2014-03-18 15:41:22

标签: html html5

所以我只记得人们正在讨论main元素以及它是否是一个好主意,我们是否应该使用它,甚至是否应该开始使用它。我还记得反对main元素的想法。

但在我输入<div id="main"时,我问自己,“如果我将main应用于id,那么为什么不查看main元素是否有标准化了吗?“


然后我查了一下。 HTML5 Doctor说是的,我们可以使用它。但是从他们的文章来看,它似乎仍然没有完全支持。我知道我们可以使用JavaScript让后来者更容易(浏览器没有像其他人那样快速采用新标准) - 我知道Can I use(。com)说主流浏览器支持它,但是有人在使用它时有任何问题吗?

有什么理由我不知道为什么我不应该使用它?

2 个答案:

答案 0 :(得分:3)

广泛支持<main>,但如果您必须处理较旧的浏览器,则以下CSS规则将使其适用于它们

main {
    display: block;
}

CSS规范要求浏览器将他们无法识别的所有元素视为inline,因此此规则会告诉他们将其正确地视为block

如果你需要支持这么大的浏览器以至于它没有实现CSS,那就是另一个球赛。

答案 1 :(得分:1)

不要试图成为一个自作聪明,而是要详细阐述斯蒂芬托马斯的回答:

如果您需要支持IE8或更早版本,您可能需要添加最新版本的HTML5shiv(如果您尚未添加),或将其添加到您{上方的head页面上方{ {1}}(S):

stylesheet

CSS(正如Stephen Thomas所描述的那样):

<!--[if lt IE 9]>
    <script>
        (function (d) {
            d.createElement('MAIN');
            // ... more HTML5 elements
        }(document));
    </script>
<![endif]-->