摘要

HTML Main元素(<main>)呈现了文档<body>或应用的主体部分。主体部分由与文档直接相关,或者扩展于文档的中心主题、应用的主要功能部分的内容组成。这部分内容在文档中应当是独一无二的,不包含任何在一系列文档中重复的内容,比如侧边栏,导航栏链接,版权信息,网站logo,搜索框(除非搜索框作为文档的主要功能)。

注意: <main> 标签不能 是以下元素的继承<article>, <aside>, <footer>, <header>, 或 <nav> 

在一个文档中 不能 出现一个以上的 <main>标签

在HTML5.2中已可以同时出现多个<main>标签,只要同一时间时间内只有一个对用户可见。其它的<main>标签使用该hidden属性隐藏即可

属性

<main>标签仅用于全局属性.

示例

<!-- 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 -->

标准

Specification Status Comment
HTML Living Standard
<main>
Living Standard Removed the restriction about not using <main> as a descendent of an <article>, <aside>, <footer>, <header>, or <nav> element.
HTML 5.1
<main>
Recommendation No change from HTML5
HTML5
<main>
Recommendation Initial definition.

浏览器支持

<main>标签被广泛支持(除了IE. 建议直到<main>元素被IE 浏览器所支持,  "main" ARIA 语义 才会加入 <main> 元素:

<main role="main">
  ...
</main>

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support Chrome 26 21.0 (21.0) 未实现 Opera 16 Safari 7
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support 未实现 21.0 (21.0) 未实现 未实现 未实现

参见

文档标签和贡献者

 此页面的贡献者: yuyang, beiweiqiang, pantao, holynewbie, TANRUI, oxygen16
 最后编辑者: yuyang,