I am making an application for online blog I am using JqueryMobile features to design the application and Phone Gap to add features to it like GPS to check location and other features from Mobile.

```
     <div id="index" data-role="page">
         <div data-role="header" data-position="fixed" id="nav_header">
             <h1>Deals</h1>
             <nav data-role="navbar">
                <ul>
                    <li><a href="#index">home page</a></li>
                    <li><a href="#info">settings</a></li>
                </ul>
             </nav>
         </div>
         <div data-role="content">
             <a href="#search" data-role="button">Search Blog</a>
             <a href="#search" data-role="button">New Blog </a>
         </div>
     </div>

```

Would it be acceptable if writen in this format ? I am totally newbie in this. What else should I do or improve if I am missing somewhere in making this? Thanks