html5 study 1

H5结构的学习

1. article元素

  article元素代表文档、页面或应用程序中独立的，完整的、可以独自被外部引用的内容，可以是一篇博客、或报刊杂志中的一篇文章、或一篇论坛帖子，
        一段用户评论、以及一个独立的插件

eg1

<article >
        <header><h2>article元素的学习</h2></header>
        <p>article元素代表文档、页面或应用程序中独立的，完整的、可以独自被外部引用的内容，可以是一篇博客、或报刊杂志中的一篇文章、或一篇论坛帖子，
            一段用户评论、以及一个独立的插件</p>
    </article>

eg2

 <article >
        <header> 独立的插件 ,可以左右上下滑动</header>
        <object>
            <param name="allowFullScreen" value="true">
            <embed src="#" width="300" height="30" >
                embed 用来插入各种多媒体，格式可以是midi、
                wav、aiff、au、mp3
            </embed>

        </object>
    </article>

2. section元素

section元素用来对网站或应用中的内容进行分块，一个section元素通常由内容与标题组成；也就是说当需要对文章分段，或者对内容分段，并且每段都有标题时用section；而article 是表示整篇内容； 并且，当需要添加样式或定义脚本行为时，用div；section中的元素可以单独存储到数据库中或输出到word中

    <article>
         <header><h2>section元素</h2></header>
         <p>
           <b>section元素</b> section元素用来对网站或应用中的内容进行分块，一个section元素通常由内容与标题组成；也就是说当需要对文章分段，
             或者对内容分段，并且每段都有标题时用section；而article 是表示整篇内容；
             并且，当需要添加样式或定义脚本行为时，用div；<b>section中的元素可以单独存储到数据库中或输出到word中</b>
         </p>

          <section>
              <header><h4>注意</h4></header>
              <p>1、不要将section元素用作设置样式的页面容器，那是div的工作</p>
              <p>2、如何article、aside、nav 更符合情况，不要使用section</p>
              <p>3、没有标题的内容块不要用section</p>
          </section>
     </article>

3. nav元素

nav元素是一个可以用来作为页面导航按钮的链接组，
其中的导航元素链接到当前页面，或其他页面的其他部分。bing不是所有的链接都要放进nav元素，只要将主要的、
基本的放入即可

<article>
         <header><h2>nav元素</h2></header>
         <p>nav元素是一个可以用来作为页面导航按钮的链接组，
             其中的导航元素链接到当前页面，或其他页面的其他部分。bing不是所有的链接都要放进nav元素，只要将主要的、
             基本的放入即可</p>

         <nav>

          <p>以下场合适用</p>
         <p>1、传统的导航栏</p>
         <p>2、侧边导航栏</p>
         <p>3、页内导航</p>
         <p>4、翻页操作</p>
     </article>