Summary
In this chapter, we discussed how to add headers, footers, and navbars to your jQuery Mobile pages. We showed how the proper div tags will create nicely formatted headers and footers on your page, and how to make these headers and footers persist over a long page. Furthermore, we demonstrated fullscreen mode for headers and footers. These are headers and footers that appear and disappear with clicks—perfect for images and other items you want to show in a fullscreen type view on your mobile device. Finally, we saw how to combine persistent footers and navbars to create a footer that doesn't go away when the page changes.
In the next chapter, we'll dive deep into lists. Lists are one of the primary ways folks add navigation and menus to their mobile websites. jQuery Mobile provides a plethora of options for creating and styling lists.
