本文概述
HTML <main>标签用于表示<body>标签的主要内容。
<main>标签写在<body>标签内。它用于准确描述页面的主要内容。
主标签的内容与文档的中心主题直接相关。
HTML <main>是一个新标记, 并在HTML5中引入。
要记住的要点
作者在一个文档中不应包含多个<main>标记。
<main>元素不应用作<article>, <aside>, <header>, <footer>或<nav>元素的子元素。
HTML主标记及其子元素可以通过CSS轻松设置样式。
HTML主标签示例
<main>
<h2>Apples</h1>
<p>The apple is a red color pomaceous fruit of the apple tree. It is a very famous saying about apple.
</br> "An apple in a day, keeps the Doctor away".</p>
<article>
<h3>Red Delicious</h3>
<p>These bright red apples are the most common found in many supermarkets.</p>
</article>
<article>
<h3>Granny Smith</h3>
<p>These juicy, green apples make a great filling for apple pies.</p>
</article>
</main>
立即测试
输出:
苹果
苹果是苹果树的红色果状果实。这是关于苹果的非常著名的谚语。 “每天有一个苹果, 让医生远离我”。
红色美味
这些鲜红色的苹果是在许多超市中最常见的。
格兰尼·史密斯
这些多汁的绿色苹果非常适合苹果派。
<main>标记还支持HTML 5中的全局属性和事件属性。
支持的浏览器
Element | Chrome | IE | Firefox | Opera | Safari |
<main> | Yes | No | Yes | Yes | Yes |