Now that we have gone through a few essential HTML5 elements, the ARIA roles they can be applied to, and the proper meta tags for display, let's visualize all of them in a full HTML5 page:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Mastering RWD with HTML5 & CSS3</title> <link rel="stylesheet" href="css/site-styles.css"> </head> <body> <header class="masthead" role="banner"> <div class="logo">Mastering RWD with HTML5 & CSS3</div> <div class="search" role="search"> <form> <label>Search: <input type="text" class="field"> <button>Search Now!</button> </label> </form> <...