HTML5容器元素概览

首先给大家分享一个巨牛巨牛的人工智能教程，是我无意中发现的。教程不仅零基础，通俗易懂，而且非常风趣幽默，还时不时有内涵段子，像看小说一样，哈哈～我正在学习中，觉得太牛了，所以分享给大家！点这里可以跳转到教程

                    

随着HTML5的快速发展，现在HTML的应用不仅讲究布局的美观性与合法性，还越来越注重编码的语义性，传统页面中满是div元素的编码风格正逐渐被淘汰，取而代之的是更具语义性与自身行为的元素。

1. main

 

必须应用于文档或程序最主要内容或功能，一般来说每个页面只有一个main元素。

<main class="container">   <!-- 可嵌入子元素 --></main>
  
  
  

   
1
   
2
   
3
  

2. article

 

它代表一个独立的、完整的相关内容块，具有强语义性，并能自我嵌套，例如博客文章中包含的评论。

<article>    <!-- 标题区 -->    <header>    </header>    <!-- 内容区 -->    <p>    </p>    <!-- 脚注区 -->    <footer>    </footer>    <!-- 评论区 -->