section元素用于对网站或应用程序中页面上的内容进行分块,一个section元素通常由内容和标题组成。在使用section元素时,需要注意以下3点:
(1)不要将section元素用作设置样式的页面容器,那是div的特性。section元素并非一个普通的容器元素,当一个容器需要被直接定义样式或通过脚本定义行为时,推荐使用div。
(2)如果article元素、aside元素或nav元素更符合使用条件,那么不要使用section元素。
(3)没有标题的内容区块不要使用section元素定义。
下面通过案例2-15对section元素的用法进行演示,如图2-15所示。
例2-15 example15.html
<!doctype html> <html> <head> <meta charset="utf-8"> <title>section元素的使用</title> </head> <body> <article> <header> <h2>小张的个人介绍</h2> </header> <p>小张是一个好学生,是一个帅哥……</p> <section> <h2>评论</h2> <article> <h3>评论者:A</h3> <p>小张真的很帅</p> </article> <article> <h3>评论者:B</h3> <p>小张是一个好学生</p> </article> </section> </article> </body> </html>
|