HTML <main>标签是一个HTML5元素,用于定义HTML文档中的主要内容,并且文档中应该只有一个 <main>元素。此标签通常也称为 <main>元素。
在HTML中,<main>标记的语法为:
<body> <main role="main"> <h1>nhooo.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标签的使用(基础教程网 nhooo.com)</title> </head> <body> <main role="main"> <h1>nhooo.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,搜索框(除非搜索框为文档的主要功能),都不应当被包含在其内。