Semantic HTML5 Structure
Using the elements that describe what a region of the page is, rather than nesting generic containers throughout.
Analogy Mental model
Labelling moving boxes by room. The buyer ignores the newspaper box and lifts the one marked master bedroom in a single movement.
In practice What you actually do
Retrieval pipelines strip boilerplate before reading: navigation, sidebars, related-content rails, and footers are discarded. Content inside the correct structural elements is identified as the article; content inside generic containers may be discarded with the boilerplate or mistaken for it.
Where people get burned Pitfalls
Check the document outline in a browser extension rather than trusting the visual design. A page that looks orderly can produce a completely scrambled structural tree.
This entry was written in English from the Chinese original, not machine-translated. Read the Chinese version →