mdn/html/0_intro_to_html/5_document_and_website_structure

5_document_and_website_structure

dz / mdn / html / 0_intro_to_html / 5_document_and_website_structure

Summary

Document and Website Structure

Node Tree

Nodes

header
content header
children tag_header
parents web_page_components

web_page_components
content Web Page Components
children main_content, navbar, sidebar, footer, header

navbar
content Navigation Bar
children tag_nav
parents web_page_components

main_content
content Main Content
children tag_main
parents web_page_components

structuring_content_in_html
content Structuring Content in HTML
children respect_semantics, right_elem_right_job, tag_aside, tag_footer, tag_header, tag_main, tag_nav

tag_header
content <header>
parents header, structuring_content_in_html, mdn/html/elements

tag_nav
content <nav>
parents navbar, structuring_content_in_html, mdn/html/elements

tag_main
content <main>
children tag_article, tag_aside, tag_div, tag_section
parents mdn/html/elements, structuring_content_in_html, main_content

tag_aside
content <aside>
parents structuring_content_in_html, tag_main, mdn/html/elements

sidebar
content Sidebar
parents web_page_components

footer
content Footer
children tag_footer
parents web_page_components

tag_footer
content <footer>
parents footer, structuring_content_in_html, mdn/html/elements

respect_semantics
content Respect Semantics
parents structuring_content_in_html

right_elem_right_job
content Use the right element for the right job
parents structuring_content_in_html

non_semantic_wrappers
content Non-semantic wrappers
children inline, block_level

inline
content Inline
children tag_span
parents non_semantic_wrappers

block_level
content Block-level
children tag_div
parents non_semantic_wrappers

tag_span
content <span>
parents inline, mdn/html/elements

tag_div
content <div>
parents tag_main, block_level, mdn/html/elements

tag_article
content <article>
parents tag_main, mdn/html/elements

tag_section
content <section>
parents tag_main, mdn/html/elements

line_breaks_horiz_rules
content Line breaks and horizontal rules
children line_break, thematic_break

line_break
children tag_br
parents line_breaks_horiz_rules

tag_br
content <br>
parents mdn/html/elements, line_break

thematic_break
content Thematic Break
children tag_hr, horiz_rule (AKA)
parents line_breaks_horiz_rules

horiz_rule
content Horizontal Rule
children tag_hr
parents thematic_break

tag_hr
content <hr>
parents thematic_break, horiz_rule, mdn/html/elements

planning_simple_website
content Planning A Simple Website
children card_sorting, info_arch

card_sorting
content Card Sorting
parents planning_simple_website

info_arch
content Information Architecture
parents planning_simple_website