If I grasp it correctly, the data-url enables me to change pages and leave other parts (header and footer) as it is, so I can place each page in separate html file.
So where do I put this data-url ? in the button (e.g.) that changes the page to the next one, or in the page div itself ?
And if it’s in the page div of each html file, should that html file include the whole boilerplate of <script ... jquery.ver.min.js></script>, <link ... .css ... /> header and footer divs and so on ?
The data-url attribute is automatically added and used by the JQM framework. This is not something you would actually use. And it is not a way to leave the header and footer as it is. You will want to include the header and footer in each page. That part of the docs is attempting to explain how the framework uses that attribute internally. In a JQM multi page environment you link to the other page using its id attribute,
<a href="#page2">Page 2</a>or whatever its id is. Then if you have separate pages you would link to the page like you normally would. i.e.<a href="page2.html">Page 2</a>I would suggest you include the
<head>...</head>section boilerplate stuff for the following reasons.In either situation they will be needing the css and javascript. However if you intend on using phonegap you can ignore this because the user can’t hit refresh and will not be reaching the page via link or bookmark.