HTML5 defines new semantics to better organize an HTML document into more logical sections. This recipe shows you how to use the new HTML5 semantics to define your jQuery Mobile app. The following HTML5 elements are covered in this recipe:
section
: This defines the section in a document. Headers, footers, and the page content are all sections.aside
: This defines the additional content related to the main content of the document, usually placed as a sidebar.article
: This defines the content related to the document, but it can also stand alone and can be independently distributed.nav
: This is a section providing navigation links and can contain one or more anchor links.
Copy the full code of this recipe from the code/11/semantics
folder. You can launch this code using the URL: http://localhost:8080/11/semantics/main.html
.