Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trialAndrei Li
34,475 PointsWhat is sectioning root and outline? What is the difference between them?
Several times read MDN article but I didn't get it. I imagine it like sectioning root is the main outline of the web page but then it goes deeper into code and there is another outline nested inside the sectioning root. But then <footer> is the sectioning root but <blockquote> is also sectioning root. No logic, <blockquote>can be deep inside. I want to see the structure.
2 Answers
Andrei Li
34,475 PointsIt's in MDN here. I just dived deeped and sunk.
Citation from MDN:
"Sectioning roots
A sectioning root is an HTML element that can have its own outline, but the sections and headings inside it does not contribute to the outline of its ancestor. Beside <body> which is the logical sectioning root of a document, these are often elements that introduce external content to the page: <blockquote>, <details>, <fieldset>, <figure> and <td>."
Steven Parker
231,198 PointsIt doesn't seem like the phrase "sectioning root" ever appears in the video. If I'm missing something, could you provide the time index were this occurs?
The video does talk about the "project root", that's referring to the top-level folder on the disk where all files and other folders are stored. This is not related to the organization of tags in the HTML file.
Steven Parker
231,198 PointsSteven Parker
231,198 PointsBefore you get too involved with outline algorithm, take another look at the warning on that same page:
Personally, I avoid any web technology until it is already implemented in the vast majority of browsers.