Paste or upload your HTML here, and this tool tallies up every attribute it can find, then cross-references each against my reference catalogue, and displays a dashboard of stats about global vs. family, deprecated or obsolete, release year (if known), and more. I'm not sure why you would need this tool, but it's fun to use if you're curious.
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
Attribute frequency
Every attribute found in your source, most to least common. Grey bars are attributes this tool doesn't recognize from its reference catalogue — see the Unrecognized Attributes section at the end.
✓ Copied
When these attributes were introduced
Drawn only from recognized attributes; unrecognized ones have no catalogue date to plot. A handful of attributes in the catalogue have an uncertain origin year; those are called out separately below.
By introduction era
By introduction year
Age vs. usage
Each dot is one distinct attribute. Far left and high up means an old attribute you're using a lot; far right means something recently added. Hover a dot for the attribute name.
Scope & structure
A global attribute can be used on any HTML element, not just a specific few. A family attribute isn't one fixed name but a whole pattern — aria-*, data-*, on*, and xmlns:* — where the reference catalogue describes the pattern as a whole rather than each specific instance.
Global vs. non-global
Standalone vs. family
Global attribute coverage
Out of every standard global attribute in the reference catalogue, this shows how many actually turned up in your source. It's a rough read on how much of the universally-available toolkit a document is using.
Value types
What kind of value each attribute expects, per the reference catalogue: booleans, URLs, colors, space-separated tokens, and so on.
By value type
Spec & standards status
Where each attribute stands with the living standard today, and how far back your markup would still validate.
Standards status
Spec-era coverage
This counts every recognized attribute that remained valid under each spec. So an attribute 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 anyway. HTML/XHTML version flags only; SVG and MathML attributes don't carry these flags and won't count toward any bar here.
Attribute families in the wild
A closer look at which specific instances of each attribute family actually showed up.
Event handlers in use
ARIA attributes in use
No on* or aria-* attributes were found in this source.
Unrecognized attributes
Attributes found in your source that aren't in the reference catalogue. Typically framework-specific attributes (like v-model or ng-if), typos, or something just totally new. These are still counted above but can't be enriched with spec history.
