From caf1ca3bbdcf0ac297dab9a599a608f36bd278f6 Mon Sep 17 00:00:00 2001 From: "W. Trevor King" Date: Wed, 11 Jan 2012 14:02:44 -0500 Subject: [PATCH] Add HTML5 outlines post. --- posts/HTML5_outlines.mdwn | 68 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 68 insertions(+) create mode 100644 posts/HTML5_outlines.mdwn diff --git a/posts/HTML5_outlines.mdwn b/posts/HTML5_outlines.mdwn new file mode 100644 index 0000000..5d0c931 --- /dev/null +++ b/posts/HTML5_outlines.mdwn @@ -0,0 +1,68 @@ +[HTML5][] has a well-defined [outline algorithm][algo] (there's a nice +overview at [html5 doctor][html5doc]). Since browsers don't seem to +support an [outline view][view] yet, I decided to embed an +automatically-generated outline in a webpage using JavaScript. Thanks +to the [HTML5 outliner (h50) project][h5o], this is fairly +straightforward. However, I couldn't find an example on their site, +so here's a recipe to get you started. + +Download the outliner javascript: + + $ wget http://h5o.googlecode.com/files/outliner.0.5.0.62.js + +or get the most recent version from the [h5o download page][download]. +Then, start your page off with something like: + + + + + + + + +
+

PAGE TITLE

+ +
+ +

FIRST SECTION

+ +Important points: + +* The `