I have started to test some markup using HTML5. I installed the HTML5 Outliner (available as a Google Chrome extension) and noticed that on many sites the sectioning elements <nav>, <article>, <section> display in the outline view as Untitled NAV, Untitled ARTICLE, etc.
After some testing, I found that if I included an <h> element (I tested using <h1> inside the sectioning element), the text inside the <h> tag displays in the Outline.
Initially, I tried to add text to the title attribute: <nav title="Display Name Goes Here">.
Why does each sectioning element require an <h1>-<h6> tag in order to display a proper title in an Outliner routine? If I don't want that heading to display on my page, I have to set the style on the element to style="display:none;" which could be problematic with SEO/search rankings as Google does not *like* sites that attempt to hide content from users, etc.
Would it make sense to pull the title of a sectioning element from the title attribute instead? If not, why not?