1 Minute HTML tutorial - Semantic Document structure by article, section, nav, aside and footer tags
18
1 Minute HTML <article>, <section>, <nav>, <aside> and <footer> Semantic Document Structure
-
Upload
rimaoka -
Category
Technology
-
view
495 -
download
1
Transcript of 1 Minute HTML tutorial - Semantic Document structure by article, section, nav, aside and footer tags
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