1 Minute HTML

<article>, <section>, <nav>, <aside> and <footer>

Semantic Document Structure

Let’s look at document

structure by…

time.com

example of document-style page

Article

ArticleSidebarContent

Navigation Menu

ArticleSidebarContent

Navigation MenuHeader

ArticleSidebarContent

Navigation MenuHeader

ArticleSidebarContent

Navigation MenuHeader

ArticleSidebarContent

footer

Navigation MenuHeader

ArticleSidebarContent

footer

This is … Typical HTML

Document Structure

Navigation MenuHeader

ArticleSidebarContent

footer

HTML 5 introduced new tags

to structure a document

Navigation MenuHeader

ArticleSidebarContent

footer

<nav><header>

<article><aside>

<footer>

Later lessons to review

what contents go into

each of the tags