navbar

导航栏是由一组水平排列的链接组成，通常包含在头部或尾部内。默认情况下，导航栏中的链接将自动变成按钮，使用 data-role="navbar" 属性来定义导航栏，可以使用 data-icon 属性为导航按钮添加图标:

<div data-role="header">
<div data-role="navbar">
    <ul>
      <li><a href="#anylink" data-icon="home">首页</a></li>
      <li><a href="#anylink" data-icon="arrow-r">页面二</a></li>
      <li><a href="#anylink" data-icon="search">搜索</a></li>
    </ul>
</div>
</div>

data-icon 属性有很多，如home、search、alert、audio、refresh等等。　　

当导航栏中的某个链接被点击，它将获得被选中（按下）的外观，在不点击链接时获得这种外观，使用 class="ui-btn-active"：

<a href="#anylink" class="ui-btn-active">首页</a>