1 Minute HTML <article>, <section>, <nav>, <aside> and <footer> Semantic Document Structure
1 Minute HTML tutorial - Semantic Document structure by article, section, nav, aside and footer tags
Jan 17, 2017
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
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
Related Documents
