What is a good HTML5 Outliner?

html html-heading
leeand00 picture leeand00 · Aug 24, 2010 · Viewed 7.1k times · Source

I've been reading Dive Into HTML5, and Mark mentions that:

"You can test your own pages in the HTML5 Outliner to ensure that you’re using the heading elements properly."

I've tried this HTML5 Outliner and I know that it is functional from outlining other HTML5 pages I've found on the Internet.

The trouble with it is that this doesn't work on all pages (mainly the ones I have written for a Wordpress theme), and the error messages are cryptic; they seem to refer to the problem element in question (<section> for example), but don't do much to specify which element it is talking about on the page; i.e. specifying a line number, like the validator does.

I've found some other programs that are capable of reading html5 outlines, but I'm concerned that they may be early implementations that may be out of date for the current HTML5 spec.

So I was wondering if there was another program, website, etc, with more concise error messages that I could test my pages to ensure that I (a beginner in HTML5) is creating a document outline that could be properly read by tools capable of reading HTML5 document outlines.

Answer

sideshowbarker picture sideshowbarker · Oct 14, 2015

The current W3C HTML Checker at https://validator.w3.org/nu/ has option to generate an outline:

enter image description here

As with the tools cited in other answers here, it follows the outline algorithm in the HTML spec.

Related questions

How can I remove space (margin) above HTML header?

I am creating a website. I have written the HTML part and now I am writing the stylesheet. But there is always some space above my header. How can I remove it? My HTML and CSS code is given below.

Read More
how to have two headings on the same line in html

I want to have two headings h2 and h3 on the same horizontal rule one on the left and the other on the right. They have a HR underneath them and I want them to be at the same distance …

Read More
Is it possible to create html tags h7, h8, h9 and so on

Here's a novice question. Is it possible to create more heading styles like h7, h8, and so on. I am just wondering if it possible to have more than 6 different types of headings on a website.

Read More