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>