Monday - Semantic Elements in HTML

This week's coding challenge - w4.html - requires you to add semantic elements. These are a special category of HTML tag that is new to the HTML 5 standard. In previous years, Web developers had to create an endless series of ‹div class="header"› and ‹div class="nav"› and ‹div class="main"› (and so forth) to structure their Web pages. To reduce this redundancy, a group of new tags were invented to allow us to code these sections directly, without creating special classes for each one:

• header
• nav
• main
• aside
• section
• article
• footer

These elements are called "semantic" because, unlike ‹div› elements, each one has a specific meaning. Titling information goes in the ‹header›, navigation menus go in the ‹nav›, and so forth. In this week's coding challenge you will not use all of these new semantic elements, but you will use most of them. You will also need to write a css document - which you should put in your /css folder and name w4.css - that must add the background and text colors shown in the image.