首页 > 网站 > WEB开发 > 正文

2.10.2section 元素

2024-04-27 15:06:13
字体:
来源:转载
供稿:网友

 

section:强调分段或分块;将一块内容分为几段,用section。

1.不要将section元素作为设置样式的页面容器。因为那是div的工作。

2.如果article、aside、nav元素更符合使用条件,那么不要使用section元素。

3.不要未标题的内容区域使用section元素,section元素存在一个标题。

article:1.看成特殊的section元素,它比section元素更加强调独立性。

           2.一块内容相对独立或完整的时候用article元素。

div:作为一个容器的存在,当使用CSS样式的时候可以对容器总体使用一个css样式嵌套。

<!DOCTYPE html><html><head lang="en">    <meta charset="UTF-8">    <title>section</title></head><body><section>    <h1>苹果</h1>    <p>这是一个水果,可以吃,非常好吃。</p></section><article>    <h1>苹果</h1>    <p>这是一个水果,可以吃。非常好吃。</p>    <section>        <h2>红富士</h2>        <p>这是一种外表很红的苹果,非常好吃。</p>    </section>    <section>        <h2>国光</h2>        <p>这是一种外表很红的苹果,非常好吃。</p>    </section></article><section>    <h1>水果</h1>   <article>       <h2>苹果</h2>       <p>内容</p>   </article>    <article>        <h2>苹果</h2>        <p>内容</p>    </article>    <article>        <h2>苹果</h2>        <p>内容</p>    </article></section></body></html>


上一篇:CSS学习

下一篇:jQuery学习

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表