Roles

<div data-role="(role)">
  e.g.
<div data-role="page">

taken from jQuery_Mobile_Up_and_Running O'Reilly book

page
no-js - contents for non-compatible browsers
header - of a page
content - of a page
footer - of a page
navbar - typically inside a header
button - renders a button
controlgroup - renders a component
collapsible - collapsible panel inside a page
fieldcontain - container for form fields
listview - list
dialog - window
slider - numeric values slider

Theme

- is a group of definitions for layout, styles, and colors.

Examples

Navigation

Internal links - another page in same doc
External links - to another page in other jQuery Mobile doc
Absolute External links - to non-jQuery Mobile docs

<a href="http://www.yahoo.com">yahoo</a>
Other way to force a link to be an absolute external one is to use data-ajax=false inside the link, useful for pages inside the same domain:
<a href="otherpage.html" data-ajax="false">Other page</a>

Mobile special link - ??

first 2 have transitions and back button on 2nd page

<div data-role="page" data-add-back-btn="true" data-back-btn-text="Previous">

Prefetching

<a href='newpage.html' data-prefetch>Go to this new page</a>

Transitions

transitions page

***PAGE 51***