5_document_and_website_structure
dz / mdn / html / 0_intro_to_html / 5_document_and_website_structureSummary
Document and Website Structure
Node Tree
- line_breaks_horiz_rules
- non_semantic_wrappers
- planning_simple_website
- structuring_content_in_html
- web_page_components
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 |