HTML <main> 标签
例子
指定文档的主要内容：
<main>
<h1>最流行的浏览器</h1>
<p>Chrome、Firefox 和 Edge 是当今使用最广泛的浏览器。</p>
<article>
<h2>谷歌浏览器</h2>
<p>Google Chrome 是一款由 Google 开发的网络浏览器，于 2008 年发布。Chrome 是当今世界上最受欢迎的网络浏览器！</p>
</article>
<article>
<h2>火狐浏览器</h2>
<p>Mozilla Firefox 是 Mozilla 开发的一款开源网络浏览器。自 2018 年 1 月以来，Firefox 一直是第二受欢迎的网络浏览器。</p>
</article>
<article>
<h2>微软Edge</h2>
<p>Microsoft Edge 是微软开发的一款网络浏览器，于 2015 年发布。Microsoft Edge 取代了 Internet Explorer。</p>
</article>
</main>
亲自尝试 »
下面有更多“自己尝试”的示例。
定义和用法
这 <main> 标签指定文档的主要内容。
里面的内容 <main> 元素应是文档所独有的。它不应包含任何在文档中重复的内容，例如侧边栏、导航链接、版权信息、站点徽标和搜索表单。
笔记： 不得超过一个<main> 文档中的元素。<main> 元素不能是<article> ，<aside> ，<footer> ，<header> ， 或者<nav>元素。
浏览器支持
表中的数字指定了完全支持该元素的第一个浏览器版本。
| 元素 | |||||
|---|---|---|---|---|---|
| <main> | 26.0 | 12.0 | 21.0 | 7.0 | 16.0 |
全局属性
这 <main> 标签还支持HTML 中的全局属性.
事件属性
这 <main> 标签还支持HTML 中的事件属性.
更多示例
例子
使用 CSS 来设置<main>元素：
<html>
<head>
<style>
主要的 {
边距：0；
填充：5px；
背景颜色：浅灰色；
}
主页 > h1, p, .browser {
边距：10px；
填充：5px；
}
.浏览器{
背景：白色；
}
.浏览器 > h2, p {
边距：4px；
字体大小：90%；
}
</style>
</head>
<body>
<main>
<h1>最流行的浏览器</h1>
<p>Chrome、Firefox 和 Edge 是当今使用最广泛的浏览器。</p>
<article class="browser">
<h2>谷歌浏览器</h2>
<p>Google Chrome 是一款由 Google 开发的网络浏览器，于 2008 年发布。Chrome 是当今世界上最受欢迎的网络浏览器！</p>
</article>
<article class="browser">
<h2>火狐浏览器</h2>
<p>Mozilla Firefox 是 Mozilla 开发的一款开源网络浏览器。自 2018 年 1 月以来，Firefox 一直是第二受欢迎的网络浏览器。</p>
</article>
<article class="browser">
<h2>微软Edge</h2>
<p>Microsoft Edge 是微软开发的一款网络浏览器，于 2015 年发布。Microsoft Edge 取代了 Internet Explorer。</p>
</article>
</main>
</body>
</html>
亲自尝试 »
