The grand html5 test post of testiness

When we’re making a test post first we’ve gotta start with the essentials. Y’know. There’s bold, italic, or in other scenarios, strong and em. Also strikethrough but who bothers with that, like really


Sometimes posts have ordered lists in them. It’s a fact of life we’ve all gotta face.

  1. Sometimes lists contain one item
  2. Or two
  3. Or three
  4. Or even more than that

And sometimes they have unordered lists. The disorder of the universe only increases; we can’t have ordered lists all the time.

  • Sometimes lists contain just one item
  • Sometimes they have two
  • Or three
  • Or way too many

Yep, that’s lists. Now for a divider.

When you need to put a quote in, there’s always BLOCKQUOTEâ„¢!

A very lazy substitute for an actual quote which I made up in literally four seconds. I’m sorry. But this is a test page. Give me a break.

And of course, let’s not forget images.
Images are very important.


An image of rather dubious importance.

They are somewhat more important when they include at least one serval.

Two servals makes them doubly important.

In this case rules have been applied to the two images to keep them from bumping together.

img + img {
 /*some css code*/

Because I had to write this dummy text before writing the css, I had to fill it with pseudocode. Convenient, now there’s a link on the page I didn’t have to force.

Figures may also be useful for other things. Sometimes you want to put text in them.

A very demonstrative list
  • Point B
  • Point C
A passage of text in which for some reason there are a bunch of things that need to be marked. Maybe we want to match regexes in it. Who knows.

Sometimes pages have tables on them. In this crazy era we live in, tables can even have captions.

Caption for the table
1 foo 7 x
bar 4 data baz

Forms are a little rarer, but we all like forms, don’t we?

A fieldset

Do you love the fieldset tag? Because I think it’s kind of awesome.

Stuff outside the fieldset tag.

Because I don’t care, I’m gonna stick an output area in an opinion-type form

So that was forms, now on to headings.

A section all about headings

Heading heading heading

Heading 2

Second heading.

Heading 3

Third heading: A sole big insect whose mandibles spit meat.

Heading 4

Your article may be getting a little complicated if you need one of these. Or maybe not. I don’t know your article.

Heading 5

Heading 5. Can’t remember the last time I saw one of these, but they exist.

Heading 6

Nobody uses heading 6 but that doesn’t mean nobody loves it.

Another section with stacked headings

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

This is kind of pointless, but eh.

Yet another section with stacked headings

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

This is somewhat less pointless.

Then of course there are tags that are pretty un-obvious and some of them a bit invisible but still kind of cool. Like data, (time), 7.8/10 (meter), var, <samp>, kbd, and <dfn>, that one tag that defines stuff.

Oh, and details. The perfect companion to desonic. This tag is unfortunately not supported in Firefox for weird reasons, even though it is very much needed.

(details and template tags contained here)

A very short version.

A very very long version with lots of unnecessary verbiage and words and language and stuff. Who cares that those all mean the same thing when I’m trying to up the word count.

And finally, the tags that just seem downright useless, such as cite. Who needs to access the title of the World Book Encyclopedia in Javascript, anyway? Nobody, that’s who.

Now sometimes standard HTML is not enough. Which is why I made up my own footnote solution that you can see below. I use an aside because footnotes are kind of like one of those aside boxes, but with a whole list of different asides in them.