Paste or upload your HTML here, and this tool tallies up every element it finds, then cross-references each one against my reference catalogue of every HTML element there's ever been. Then it will display a dashboard of when it was released, whether it's semantic, void or normal, deprecated or obsolete, and more. All the divs, spans, images, whatever's in there, for you to easily see.
Upload a file or paste source code directly. This works with plain HTML, but also PHP, ASPX, JSP, XML, or basically any text-based file with tags in it. The tool only cares about what's between the angle brackets.
Paste text instead of uploading a file
Fetched Content
Overview
Element frequency
Every tag found in your source, most to least common. Grey bars are tags this tool doesn't recognize from its reference catalogue. See the Unrecognized Elements section at the end.
✓ Copied
When these elements were introduced
Drawn only from recognized elements. Unrecognized tags have no catalogue date to plot.
By introduction era
By introduction year
Age vs. usage
Each dot is one distinct tag. Far left and high up means an old element you're using a lot; far right means something recently added. Hover a dot for the tag name.
Semantic makeup
"Semantic" elements describe what their content is (like article or nav); non-semantic ones only describe how it should look or be grouped (like div or span).
Semantic vs. non-semantic
By semantic category
Semantic category by introduction era
Each bar is a semantic category present in your document; the colored segments show which era each element in that category came from. A category built almost entirely from one color arrived in a single wave of the spec.
Structure & rendering
How the elements you're using are actually built and displayed by default.
Void vs. normal
Default display value
Void elements (like img or br) never have a closing tag or children; every other element here is "normal." Default display is the element's built-in CSS display value before any stylesheet touches it.
Spec & standards status
Where each element stands with the living standard today, and how far back your markup would still validate.
Standards status
Spec-era coverage
Unlike the introduction-era chart above, this counts every recognized element that remained valid under each spec. So a tag introduced in HTML 2.0 that's still standard today counts toward every bar. A short bar for an old spec means most of your markup wouldn't have validated back then.
Unrecognized elements
Tags found in your source that aren't in my reference catalogue .Typically custom elements, web components, or framework-specific tags. These are still counted above but can't be enriched with spec history.
