HTML main标签

本文概述

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
微信公众号
手机浏览(小程序)
0
分享到:
没有账号? 忘记密码?