HTML 参考手册

HTML 标签大全

HTML: <main>标签

HTML <main>标签是一个HTML5元素,用于定义HTML文档中的主要内容,并且文档中应该只有一个 <main>元素。此标签通常也称为 <main>元素。

在线示例

在HTML中,<main>标记的语法为:

<body>
<main role="main">
  <h1>(niaoge.com)</h1>
  <p>您可信赖的学习新技术的资源</p>
  <article>
    <h2>HTML</h2>
    <p>通过我们的分步教程和参考资料学习HTML(超文本标记语言)。</p>
  </article>
  <article>
    <h2>CSS</h2>
    <p>通过我们的分步教程和参考资料学习CSS(级联样式表)。</p>
  </article>
</main>
</body>

浏览器兼容性

IEFirefoxOperaChromeSafari

所有主流浏览器都支持 <main> 标签。

在线尝试示例

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML5 main标签的使用(基础教程网 (niaoge.com))</title>
</head>
<body>
<main role="main">
  <h1>(niaoge.com)</h1>
  <p>您可信赖的学习新技术的资源.</p>

  <article>
    <h2>HTML</h2>
    <p>通过我们的分步教程和参考资料学习HTML(超文本标记语言)。</p>
  </article>

  <article>
    <h2>CSS</h2>
    <p>通过我们的分步教程和参考资料学习CSS(级联样式表)。</p>
  </article>
</main>
</body>
</html>
测试看看 ‹/›

标签定义及使用说明

HTML <main>元素是在<body>标记内找到的HTML5元素。

<main>标签不应用于重复的内容,例如导航,网站徽标,社交媒体链接,版权信息和侧边栏。

建议在<main>元素上使用ARIA角色“ main”,以便旧浏览器中的屏幕阅读器可以访问它,例如: <main role="main">

对于早于IE 9的IE浏览器,请使用HTML5shiv,这是一种JavaScript解决方法,可为新的HTML5元素提供支持,例如:<header>,<main>, <article>,<section>,<aside>,<nav>,<footer>。

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