Menu



Semantic HTML5 markup inspector

It's frustrating trying to get a clear view of the overall structure of the semantic HTML5 markup of a page so this tool will enable you to inspect your tags with snippets of raw content. Click here to display my example page of good basic semantic HTML5 structure.

The tags we're looking for : header   nav   main   h1   h2   article   figure   section   aside   footer  

Simply paste the URL or (if access to the source of your page is blocked, for example by Wordfence) the HTML of your page in the field below.
Url ou html :


header
nav
[main menu]
main
article
h1
H1 title
Intro
section
h2
Title for theme of first section
Text of first section
section
h2
Title for theme of second section
Text of second section
section
h2
Title for theme of third section
Text of third section
aside
Information about the author of the article
aside
Comments directly related to the article
aside
Other articles similar to the main article
aside
Block of content NOT directly related to the main article - for example a sign-up form
nav
[right column menu - if there is one it would obviously appear to the right of the content]
footer
nav
[bottom menu]