Now that we have walked through some useful tools and key ideas, we can begin with our enterprise application case study: MovieNow.
This chapter will cover the main aspects of HTML page structure, applying the correct use of HTML5 semantic tags. Also we are going to cover the use of microdata and best practices for Search Engine Optimization (SEO). Finally, we are going to introduce the concept of Responsive Web Design (RWD) as a technique to support mobile development discussing the pros and cons therein as well as alternatives. By the end of the chapter, we will have an HTML page with basic styling but with a layout that can be easily read by any web developer with a basic understanding of HTML.
The main topics covered in this chapter are as follows:
Understanding page structure
Metadata
Microdata
Favicons and icons
CSS3 resets
Sticky footer
General styling
Responsive web design and adaptive web design