当前位置：文江博客知识库简体中文文档 Web HTML Element main

<main> - HTML（超文本标记语言）编辑

HTML <main> 元素呈现了文档的 <body> 或应用的主体部分。主体部分由与文档直接相关，或者扩展于文档的中心主题、应用的主要功能部分的内容组成。

内容类别Flow content, palpable content.
允许内容 Flow content.
标签省略无; 开始与结束都是强制性.
被允许的父级元素任何支持流内容但可能不是继承元素的元素<article>, <aside>, <footer>, <header>, 或<nav>
DOM 接口 HTMLElement

使用说明

在文档中，<main> 元素的内容应当是独一无二的。任何同时存在于任意一系列文档中的相同、重复内容，比如侧边栏、导航栏链接、版权信息、网站 Logo，搜索框（除非搜索框为文档的主要功能），都不应当被包含在其内。

<main> 对文档的大纲（outline）没有贡献；也就是说，它与诸如 <body> 之类的元素，诸如 <h2> 之类的标题等不同，<main> 不会影响 DOM 的页面结构概念。它仅有提供信息的作用。（原文：It's strictly informative.）

示例

<!-- 其他内容 -->

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

<!-- 其他内容 -->

可访问性相关

界标

<main> 元素的行为与 main 界标所定义的角色相一致。界标可被辅助技术使用，以快速识别并将用户导航到文档中的分段。通常使用 <main> 元素，而不是定义 role="main"，除非是考虑对于旧浏览器的兼容性.

阅读器模式

浏览器的阅读器模式会寻找文档中的main 元素，以及标题元素和内容分区元素以便将内容转换至阅读器视图。

为 Safari 阅读器模式以及其他阅读器应用构建网站

规范

规范	状态	备注
HTML Living Standard <main>	Living Standard
HTML 5.1 <main>	Recommendation	No change from HTML5.
HTML5 <main>	Recommendation	Initial definition.

浏览器兼容性

BCD tables only load in the browser

<main> 标签受广泛支持。对于IE浏览器11版本和低于11的版本，推荐向 <main> 元素添加 "main" 这一 ARIA 角色，以保证其可访问性。(屏幕阅读器，如 JAWS，当与较旧版本的 Internet Explorer 一起使用时，需包括此 role 属性才能理解 <main> 元素的语义含义）

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

The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.