关于section嵌套

老师，请问为什么不能这几个标签进行嵌套？我在《HTML权威指南》这本书里面看到的有用section的嵌套。嵌套会出现什么问题吗

源自：HTML5标签变化 3-4 结构标签使用补充

收起

2回答

小丸子爱吃菜回答被采纳获得+3积分 2017-11-22 11:32:44

只是建议不互相嵌套，互相嵌套也不会有问题，另外，大标签嵌套小标签

小丸子爱吃菜 2017-11-22 10:14:00

嵌套去写不会出什么问题，只是不规范，按照语义化去写的话，不乱嵌套会更方便浏览器的解析。

特殊情况下还是能够使用的，至于你说的书上看到的嵌套，可以将代码发过来，看下是什么情况。

祝学习愉快！

提问者慕雪1434180 #1

代码如下，section部分，一个简单的例子： <!DOCTYPE html> <html> <head> <title>header和footer</title> <meta charset="utf-8"> <style type="text/css"> h1,h2,h3{ background-color: grey; color:white; } hgroup > h1{ margin-bottom: 0px; margin-top: 0; } hgroup > h2{ margin-bottom: 0; margin-top: 0; background-color: grey; color:white; font-size:1em; } body > header *,footer>*{ background:transparent; color:black; } body > section,body>section>section,body>section>section>section{ margin-left: 10px; } body>header,body>footer{ border:medium solid black; padding-left: 5px; margin:10px 0 10px 0; } </style> </head> <body> <header> <hgroup> <h1>Things I like</h1> <h2>by Adam Freman</h2> </hgroup> </header> <section> <header> <hgroup> <h1>Friuts I like</h1> <h2>how I learned to love you</h2> </hgroup> </header> I like apples and oranges, <section> <h1>Additional fruits</h1> <section> <h1>More information</h1> </section> </section> </section> <section> <header> <h1>Activities I like</h1> </header> <section> <h1>kinds of Triathlon</h1> <section> <h1>The kinds of Triathlon I am aiming for</h1> </section> </section> </section> <footer id="mainFooter"> ©2011,Adam Freman. </footer> </body> </html>

2017-11-22 10:34:39