헤더는 일반적으로 페이지의 윗 부분에 나타나며 페이지의 타이틀을 포함하고 있으며, 최대 2개 까지의 버튼을 포함할 수 있다. 링크를 사용해서 버튼을 추가할 수 있으며 문서에 지정된 순서대로 왼쪽과 오른쪽에 표시된다.

<header data-role="header" data-position="inline">
<a href="index.html" data-icon="delete">취소</a>
<h1>연락처 수정</h1>
<a href="index.html" data-icon="check">완료</a>
</header>

헤더 텍스트의 오른쪽에만 버튼을 두려는 경우에, 링크를 단순히 <h1>의 뒤에 적는다고 해서 버튼이 오른쪽에 표시되지는 않는다. 버튼의 위치를 지정하려면 링크의 class 속성에 ui-btn-left 또는 ui-btn-right를 추가하면 된다.

<a href="index.html" data-icon="gear" class="ui-btn-right">설정</a>