Header

Header是固定在螢幕頂部的元件。可以包含如標題和左右的功能按鈕。
如：

<ion-view>
  <div class="bar bar-header">
      <button class="button icon ion-navicon"></button>
        <h1 class="title">Header Buttons</h1>
      <button class="button">Reorder</button>
</div>
</ion-view
 
>

Sub Header同樣是固定在頂部，只是是在Header的下面，就算沒有寫Header這個，Sub Header這個樣式也會距離頂部有一個Header的距離。

<div class="bar bar-subheader">
            <h2 class="title">Sub Header</h2>
            <a href="#/app/playlists" class="button button-icon icon ion-ios7-undo-outline"></a>
            <a
 
 href="#/app/capture" class="button button-icon icon ion-ios7-redo-outline"></a>
</div>

Footer

是顯示在螢幕底部的邊欄，你可以用這個做導航欄或者新增一些選單操作，示例如下：

<div class="bar bar-footer bar-balanced">
  <button class="button button-clear">Left</button>

  <button class="button button-clear"
 
>Right</button>
</div>