摘要
HTML Main元素(<main>)呈现了文档<body>
或应用的主体部分。主体部分由与文档直接相关,或者扩展于文档的中心主题、应用的主要功能部分的内容组成。这部分内容在文档中应当是独一无二的,不包含任何在一系列文档中重复的内容,比如侧边栏,导航栏链接,版权信息,网站logo,搜索框(当然,文档的主要功能就是搜索框)。
- 内容类别Flow content, palpable content.
- 允许内容 Flow content.
- 标签省略无; 开始与结束都是强制性.
- 被允许的父级元素任何支持流内容但可能不是继承元素的 元素
<article>
,<aside>
,<footer>
,<header>
, 或<nav>
- DOM 接口
HTMLElement
属性
<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 |
---|---|---|
WHATWG 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. |
HTML5.1 <main> |
Working Draft | No change from HTML5 |
HTML5 <main> |
Recommendation | Initial definition. |
浏览器支持
<main>标签被广泛支持(除了IE)
. 建议直到<main>元素被IE 浏览器所支持, "main"
ARIA 语义 才会加入 <main>
元素:
<main role="main"> ... </main>
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) | 未实现 | 未实现 | 未实现 |