📌  相关文章
📜  HTML |<main>标签(1)

📅  最后修改于: 2023-12-03 15:31:15.461000             🧑  作者: Mango

HTML
标签

HTML主要用于描述网页的结构和内容，而

标签是HTML5新增的标签，它用于定义文档主要内容。在一个HTML文档中，
标签只能使用一次，它通常包含文档的主体内容，例如文章、文章列表、产品列表等。

标签的语法格式
<main>
   <!--主要内容-->
</main>
标签的特点
  1. 标签只能用于HTML5文档，并且只能使用一次。
  2. 标签应该只用于文档的主体内容，不应该包含基本的网页结构（例如导航栏、页脚等）。

  3. 使用

    标签可以为文档增加可读性和可访问性。例如，屏幕阅读器可以更容易地识别并读取主要内容。

标签的应用实例
<!DOCTYPE html>
<html>
   <head>
      <meta charset="utf-8" />
      <title>My Blog</title>
   </head>
   <body>
      <header>
         <h1>My Blog</h1>
         <nav>
            <ul>
               <li><a href="#">Home</a></li>
               <li><a href="#">Blog</a></li>
               <li><a href="#">About</a></li>
               <li><a href="#">Contact</a></li>
            </ul>
         </nav>
      </header>
      <main>
         <article>
            <header>
               <h2>My First Blog Post</h2>
               <p>Posted on January 1, 2022</p>
            </header>
            <p>Lorem ipsum dolor sit amet consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
         </article>
         <article>
            <header>
               <h2>My Second Blog Post</h2>
               <p>Posted on February 1, 2022</p>
            </header>
            <p>Lorem ipsum dolor sit amet consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
         </article>
      </main>
      <footer>
         <p>&copy; 2022 My Blog</p>
      </footer>
   </body>
</html>
总结
标记的语法很简单，只需要将内容包含在标记内部即可。使用
标记可以增强文档的可读性和可访问性，但要注意不要滥用它，应该只在文档的主体内容中使用。同时，
标记也是HTML5新增标记的一个例子，所以在编写HTML5文档时，应该使用它来增强文档结构和语义。