A GUIDE TO THE HOUSE
Every page has
a place.
Explore the site, and see how its Document Object Model (DOM) is organised.
THE SITE, AT A GLANCE
One house, six rooms.
Every page shares the same announcement marquee, header, navigation, and footer—so there’s always a familiar way through the house.
THE DOCUMENT OBJECT MODEL
How a page is built.
The DOM is the browser’s tree-shaped representation of a web page. Each HTML element is a node, nested inside its parent. This shared outline shows the structure used across the Glad Fashion Plug pages.
- Document
- html lang="en"
- head
- meta · title · link (external CSS) · script (external JS)
- body
- div.announcement marquee
- header.site-header
- a.wordmark
- button.menu-toggle
- nav.primary-nav
- a · Home / Collection / The House / Appointments / Events / Site map
- main
- section · page-specific content (hero, products, form, events, or DOM)
- footer.site-footer
- a.wordmark · p · nav.footer-links · small
- head
- html lang="en"
The actual tree varies slightly with each page’s content; shared landmarks remain consistent.