What is a good HTML5 Outliner? [closed]

Question

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.

Garwin

Do you mean it reports errors after you made the page pass the validator? The question would be more complete if you posted an example HTML you had problems using with the outliner. – Multinuclear

@Multinuclear That's a good point. I'll try and provide an example. Lately though I've been using the w3c's validator. – Garwin

@Multinuclear Here ya go: codepad.org/OZ0Zyv2U – Garwin

so I don't get any errors with: gsnedders.html5.org/outliner/… – Multinuclear

@Multinuclear Okay let me clarify a bit; if I upload it as a file I still get the error. Did you use a URL? (Or maybe not Windows to upload it?) – Garwin

Oh, yes uploading causes the "<type 'exceptions.TypeError'>: argument to reversed() must be a sequence" error. Seems that it's just a bug in the outliner. I mailed the author, let's see what he says. – Multinuclear

I haven't got an answer yet, BTW. – Multinuclear

sigh oh well, I guess I'll use the w3c's validator...what's everybody else doing? – Garwin

On Software Recommendations: Tool that displays outline of HTML5 documents – Intermarriage

Answer 1

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

Extensometer

When I wrote this question, that thing didn't work yet. That was the first place I went. – Garwin

Answer 2

If you use Chrome, there's now an HTML5 Outliner extension available too.

Christychristye

Answer 3

There's an extension/bookmarklet HTML5 outliner here: http://code.google.com/p/h5o/

and a port for Opera here: https://addons.opera.com/addons/extensions/details/html5-outliner/

Lima

Google code is dead, the outliner now lives on Github and npm: h5o.github.io, github.com/h5o/h5o-js, npmjs.com/package/h5o – Shapiro