HTML page structure tutorial

Step 09 of 15: Semantic containers in action

Here they are on this page as actual elements. View the source to see them employed.
I've updated the CSS definitions so they apply to the new semantic elements rather than the previous ID'ed DIVs. That's because with new and specific elements for each section, we don't need IDs to be able to distinguish between all of them, they now have unique names!

This is the HEADER
This is the actual body content ARTICLE


← back Yeah, they're still ugly →