Jquery Mobile Page Structure

< html >

   < head >

   < title >Page Title</ title >

   < link rel = "stylesheet" href = "http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" />

   < script src = "http://code.jquery.com/jquery-1.4.3.min.js" ></ script >

   < script src = "http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.js" ></ script >

</ head >

< body >

 

< div data-role = "page" >

 

   < div data-role = "header" >

     < h1 >Page Title</ h1 >

   </ div >

 

   < div data-role = "content" >

     < p >Page content goes here.</ p >   

   </ div >

 

   < div data-role = "footer" >

     < h4 >Page Footer</ h4 >

   </ div >

</ div >

 

</ body >

</ html >