1 minute html tutorial - semantic document structure by article, section, nav, aside and footer tags
Post on 17-Jan-2017
500 Views
Preview:
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
top related