我什么时候可以安全地使用 HTML5 中的新

元素？

12 月 16 日，HTML5 扩展规范<main>元素是根据编辑草案提交给 W3C https://dvcs.w3.org/hg/html-extensions/raw-file/tip/maincontent/index.html。摘要如下：

该规范是 HTML5 规范 [HTML5] 的扩展。 它定义了一个用于识别主要元素的元素 文档的内容区域。 HTML5中的所有规范内容 规范，除非被本规范明确覆盖， 旨在作为本规范的基础。

主要要素将识别的常见做法形式化 使用 id 值的文档的主要内容部分，例如 “内容”和“主要”。它还定义了一个 HTML 元素，其中包含 WAI-ARIA [ARIA] 标志性角色=主要的语义和功能。

Example:

<!-- other content -->

<main>

  <h1>Apples</h1>
 <p>The apple is the pomaceous fruit of the apple tree.</p>

 <article>
 <h2>Red Delicious</h2>
  <p>These bright red apples are the most common found in many
  supermarkets.</p>
  <p>... </p>
  <p>... </p>
  </article>

  <article>
  <h2>Granny Smith</h2>
  <p>These juicy, green apples make a great filling for
  apple pies.</p>
  <p>... </p>
  <p>... </p>
  </article>

</main>

<!-- other content -->

它包含了所有信息，我觉得我应该开始将其合并到网页中。据我现在所知，HTML5 规范只是不断进步，新功能已“固定”到规范上，无需升级。我想这意味着浏览器将在可以的时候开始实现它 - 问题是，这需要多长时间以及我如何知道所有浏览器都支持它？我现在应该像这样构建它并使用polyfill吗？

支持<main>与 HTML 5 中引入的任何其他新容器元素的支持非常相似。

• 足够新的浏览器将支持它。
• 较旧的浏览器将允许您设计它的样式display: block并给你它的视觉效果
• 如果没有 JavaScript 填充程序，旧版本的 IE 将根本不支持它（它的工作方式与所有其他新容器元素的工作方式完全相同）。

“何时”取决于您需要什么级别的浏览器支持以及您依赖 JS shim 的意愿。