section与article区别

section与article元素都是用于定义文件中的特定内容区段（块）,section元素的标签内容通常是一篇文章或文章的一节，因 此，section元素可视为一个区域分组元素，而article通常用来定义文件网页内容，网站或其他应用的一个独立外部内容区块这个内容通常是来自某 个Blog的文章论坛的讨论内容，或是某个新闻网站发布的消息 等。

html网页制作学习：[4]section与article区别

工具/原料

  • DW，或其它网页编辑工具

section元素说明

  1. 1

    在文件纲要中，当有特定的内容要明显的标示出来时，我们就可以利用section元素标签来包括此需要明显标示出来的特定文件内容。section 有个特定的属性即是cite，cite的属性值是用来指定section元素的标签内容来自于URI,cite的属性值是字符串（URI).

    例子：

    <section cite="http://jingyan.baidu.com/article/a681b0de3508693b18434636.html">~</section>

    html网页制作学习：[4]section与article区别
  2. 2

    给大家一个例子，定义网页文件中的章节

    <!doctype html>

    <html>

    <head>

    <meta charset="utf-8">

    <title>我是网页抬头标题，失去你我不难过</title>

    </head>

    <body>

    <section>

    <h1>第一章</h1>

    <p>第一章内容</p>

    </section>

    <section>

    <h1>第二章</h1>

    <p>第二章内容</p>

    </section>

    </body>

    </html>

    效果

    html网页制作学习：[4]section与article区别
    END

article元素说明

  1. 1

    article标签内可以放置section标签来表现该内容DIV块的章节内容或是在section标签再旋转article标签。

    html网页制作学习：[4]section与article区别
  2. 2

    给大家来个例子:引用外部文章评论成为网页文件内容的示例

    <!doctype html>

    <html>

    <head>

    <meta charset="utf-8">

    <title>我是网页抬头标题，失去你我不难过</title>

    </head>

    <body>

    <section>

    <h1>减赤法案奥巴马签署成法律</h1>

    <p>美圆参议院赶在大限来临之前不到12个小明，今天表决通过大规模削减赤字与提高举债上限的法案。。。</p>

    <article>网友A评论</article>

    <article>网友B评论</article>

    </section>

    </body>

    </html>

    html网页制作学习：[4]section与article区别
    END

article与section的区别

  1. 1

    我们来举个例子，我们来相像一个报纸，报纸有很多版，第一版都是一个section但是第一版中又会有多个文章article.而每个文章中又包含多个section。可能有的时候 不需要这样，但是关系就是这样，大家可以好好口味。

    END

注意事项

  • 其实article与section的区别并不大，大家没能 必要去深究这两者有什么关系 。。
  • 在合适的地方来应用合适的东西就好了。

posted on 2014-12-07 16:59  鬼鬼丫404  阅读(469)  评论(0)    收藏  举报

导航