`, the weather box as an `

`, and a page footer. When you're done there should be no `

` left. The checks are the acceptance criteria.","starter":{"filename":"index.html","lang":"html","source":"\n\n\n \n \n Rally Running Club\n\n\n

Rally Running Club

\n \n

\n\n

Tuesday night runs

We meet at the boathouse at 6.30pm. All paces, no drop.

\n\n

Route of the week: the island loop

Eight kilometres, flat, one bridge, one hill you can walk.

\n\n \n

\n\n

\n\n"},"checks":[{"name":"a page `

`, directly inside ``","selector":"body > header","exists":true},{"name":"a `

` inside that header","selector":"header nav","exists":true},{"name":"the three navigation links survived","selector":"header nav a","count":3},{"name":"exactly one `

`","selector":"main","count":1},{"name":"the page's `

` is inside `
`","selector":"main h1","count":1},{"name":"the route post is an `
` inside `
`","selector":"main article","exists":true},{"name":"the weather box is an `
`","selector":"aside","exists":true},{"name":"a page `
`, directly inside ``","selector":"body > footer","exists":true},{"name":"no `
` left anywhere","selector":"div","absent":true}],"explain":"Same pixels, completely different document. A screen reader now offers \"banner, navigation, main, complementary, contentinfo\" as a jump list, and a user who has been on four pages of your site can skip straight past the nav they already know. That's the entire payoff, and it cost you nine tag names."},"hints":[{"text":"Go region by region from the top: banner, then the links inside it, then the page's own content, then the two boxes inside that, then the small print."},{"text":"`.top` → `
`, `.menu` → `
`, `.content` → `
`, `.post` → `
`, `.sidebar` → `
`, `.bottom` → `
`. The `.logo` div can become a `
` or a `` — or just text."}]},"codeHtml":"$undefined","index":11,"total":25,"authored":true}] b:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]] 12:I[27201,["/_next/static/immutable/chunks/2corl6wyj4669.js"],"IconMark"] 8:null d:[["$","title","0",{"children":"HTML That Holds — step 11 · Saasworld"}],["$","meta","1",{"name":"description","content":"Write a well-structured HTML document from a blank file — landmarks, headings, lists, links, images and an accessible form — and read any page's markup and say what each element is for."}],["$","meta","2",{"name":"application-name","content":"Saasworld"}],["$","link","3",{"rel":"author","href":"https://saasworld.dev"}],["$","meta","4",{"name":"author","content":"Saasworld"}],["$","meta","5",{"name":"keywords","content":"learn to code,programming courses,SaaS,build a SaaS,AI-assisted coding,code review,web development course,JavaScript course,founders learning to code"}],["$","meta","6",{"name":"creator","content":"Saasworld"}],["$","meta","7",{"name":"publisher","content":"Saasworld"}],["$","meta","8",{"name":"robots","content":"noindex, follow"}],["$","meta","9",{"name":"category","content":"education"}],["$","link","10",{"rel":"canonical","href":"https://saasworld.dev/courses/html-that-holds/11"}],["$","meta","11",{"name":"format-detection","content":"telephone=no, address=no, email=no"}],["$","meta","12",{"property":"og:title","content":"HTML That Holds — step 11 · Saasworld"}],["$","meta","13",{"property":"og:description","content":"Write a well-structured HTML document from a blank file — landmarks, headings, lists, links, images and an accessible form — and read any page's markup and say what each element is for."}],["$","meta","14",{"property":"og:url","content":"https://saasworld.dev/courses/html-that-holds/11"}],["$","meta","15",{"property":"og:site_name","content":"Saasworld"}],["$","meta","16",{"property":"og:locale","content":"en_US"}],["$","meta","17",{"property":"og:image","content":"https://saasworld.dev/opengraph-image"}],["$","meta","18",{"property":"og:image:width","content":"1200"}],["$","meta","19",{"property":"og:image:height","content":"630"}],["$","meta","20",{"property":"og:image:alt","content":"Saasworld — Learn to build and ship software"}],["$","meta","21",{"property":"og:type","content":"website"}],["$","meta","22",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","23",{"name":"twitter:title","content":"HTML That Holds — step 11 · Saasworld"}],["$","meta","24",{"name":"twitter:description","content":"Write a well-structured HTML document from a blank file — landmarks, headings, lists, links, images and an accessible form — and read any page's markup and say what each element is for."}],["$","meta","25",{"name":"twitter:image","content":"https://saasworld.dev/opengraph-image"}],["$","link","26",{"rel":"icon","href":"/favicon.ico?favicon.3fpu2ql9ns1a0.ico","sizes":"256x256","type":"image/x-icon"}],["$","$L12","27",{}]]

Landmarks instead of div soup