文档介绍:HTML5学****笔记简明版(2):新元素之section,article,aside sectionsection元素描绘的是一个文档或者程序里的普通的section节,一般来说一个section包含一个head和一个content内容块。section可以表示成一个小节,或者tab页面里的一个tab下的box块。一个页面里可以拆分成多个section,分别代表introduction,newsitems和contactinformation。如果元素的内容集中到一起显示可以表达相应的意思的话,那就可以定义成article元素,而没必要使用section元素。section元素不是一般的容器元素,所以如果一个元素需要定义相应的style或者script脚本的话,那推荐使用div元素,section的使用条件是确保这个元素的内容能够明确地展示在文档的大纲里。下面的例子代码来自苹果网站页面的一部分,代码里包含了2个短小的section:<article>   <hgroup>       <h1>Apples</h1>       <h2>Tasty,deliciousfruit!</h2>   </hgroup>   <p>Theappleisthepomaceousfruitoftheappletree.</p>   <section>       <h1>RedDelicious</h1>       <p>monfoundinmanysupermarkets.</p>   </section>   <section>       <h1>GrannySmith</h1>       <p>Thesejuicy,greenapplesmakeagreatfillingforapplepies.</p>   </section></article>  可以看到,在section里可以任意使用h1元素,而不用考虑这个section是顶级的,还是二级或者三级元素。下面的代码是一个毕业典礼的页面,包含2个section,一个是显示将要毕业人的名单,一个是显示毕业典礼的形式。<!DOCTYPEHtml><html><head>   <title>GraduationCeremonySummer2022</title></head><body>   <h1>Graduation</h1>   <section>       <h1>Ceremony</h1>       <p>OpeningProcession</p>       <p>SpeechbyValidactorian</p>       <p>SpeechbyClassPresident</p>       <p>PresentationofDiplomas</p>       <p>ClosingSpeechbyHeadmaster</p>   </section>   <section>       <h1>Graduates</h1>       <ul>           <li>MollyCarpenter</li>           <li>io</li>           <li>oy</li>           <li>KarrinMurphy</li>