Upload
rimaoka
View
495
Download
1
Embed Size (px)
Citation preview
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