LungoJS框架学习笔记——基本元素

1) Section & Article
一组 <section> 元素就是应用中要展示的一个视图，一组 <section> 内还应该有 <header> 、<footer> 或 <article> 标签。
由 <article> 标签构造的 <section> 元素内容里，允许有多组的  <article> ，但只有加上  class="active" 属性的 <article> 优先显示，否则优先显示第1个<article> 。

<section id="main">
 <header data-title="Lungo框架学习笔记"></header>
 <article id="main-article" class="active">
   LungoJS 是一个面向开发者提供设计、开发和共享跨设备应用程序的框架。
 </article>
 <footer>
   <center>2014-09-11</center>
 </footer>

</section>

2) Header
每组 <section> 可以包含一组 <header>，在里面可以设置要显示的 <section> 标题。

通常导航条、页面跳转按钮、侧滑菜单等也放在 <header> 里。

<section id="main">
 <header data-title="Lungo框架学习笔记" data-back="home">
    <nav class="on-right">
       <button data-view-aside="right" data-icon="menu"></button>
    </nav>
 </header>
 <article id="main-article" class="active">
   LungoJS 是一个面向开发者提供设计、开发和共享跨设备应用程序的框架。
 </article>
 <footer>
   <center>2014-09-11</cente