5_document_and_website_structure

dz / mdn / html / 0_intro_to_html / 5_document_and_website_structure

Summary

Document and Website Structure

Node Tree

• structuring_content_in_html
  • tag_aside
  • tag_footer
  • tag_header
  • tag_main
    • tag_article
    • tag_aside
    • tag_div
    • tag_section
  • tag_nav
  • respect_semantics
  • right_elem_right_job
• web_page_components
  • sidebar
  • footer
    • tag_footer
  • header
    • tag_header
  • main_content
    • tag_main
      • tag_article
      • tag_aside
      • tag_div
      • tag_section
  • navbar
    • tag_nav
• line_breaks_horiz_rules
  • thematic_break
    • tag_hr
    • horiz_rule
      • tag_hr
  • line_break
    • tag_br
• non_semantic_wrappers
  • block_level
    • tag_div
  • inline
    • tag_span
• planning_simple_website
  • card_sorting
  • info_arch

Nodes

header
content	header
children	tag_header
parents	web_page_components

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

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	tag_aside, tag_footer, tag_header, tag_main, tag_nav, respect_semantics, right_elem_right_job

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

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

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

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

sidebar
content	Sidebar
parents	web_page_components

footer
content	Footer
children	tag_footer
parents	web_page_components

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

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	block_level, inline

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	mdn/html/elements, inline

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

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

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

line_breaks_horiz_rules
content	Line breaks and horizontal rules
children	thematic_break, line_break

line_break
children	tag_br
parents	line_breaks_horiz_rules

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

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, mdn/html/elements, horiz_rule

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