html5-elements-tester
html5-elements-tester copied to clipboard
alexandersandberg
A page containing HTML elements that you can use for testing purposes
HTML5 elements tester
A test page containing most of the HTML5 elements that you'll ever need. Useful for testing CSS resets or CSS frameworks.
Since v1.1.0 now also including the option to preview popular CSS resets and CSS frameworks, as well as easily including your own custom CSS by pasting a direct link to it.
If your favorite reset or framework is missing, please open an issue about it, and I'll add it to the list!
Usage
Copy & Paste
Copy elements directly from index.html into your own documents.
Download
Download index.html, include whatever resource you need to test (e.g. your CSS), and open the file in your preferred browser.
Supported elements
Refer to this list of HTML elements on MDN for more details of each element.
Sections
<body>, <article>, <section>, <nav>, <aside>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <header>, <footer>
Grouping content
<p>, <address>, <hr>, <pre>, <blockquote>, <ol>, <ul>, <li>, <dl>, <dt>, <dd>, <figure>, <figcaption>, <main>, <div>
Text-level semantics
<a>, <em>, <strong>, <small>, <s>, <cite>, <q>, <dfn>, <abbr>, <ruby>, <rb>, <rt>, <rtc>, <rp>, <data>, <time>, <code>, <var>, <samp>, <kbd>, <sub>, <sup>, <i>, <b>, <u>, <mark>, <bdi>, <bdo>, <span>, <br>, <wbr>
Edits
<ins>, <del>
Embedded content
<picture>, <source>, <img>, <iframe>, <embed>, <object>, <param>, <video>, <audio>, <track>, <map>, <area>, <math>, <svg>
Tabular data
<table>, <caption>, <colgroup>, <col>, <tbody>, <thead>, <tfoot>, <tr>, <td>, <th>
Forms
<form>, <label>, <input>, <button>, <select>, <datalist>, <optgroup>, <option>, <textarea>, <output>, <progress>, <meter>, <fieldset>, <legend>
Interactive elements
<details>, <summary>, <dialog>
Scripting
<script>, <noscript>, <template>, <canvas>
Supported resets and frameworks
Resets
- Eric Meyer's 2.0
- HTML5 Doctor
- minireset.css
- normalize.css
- Reboot
- Remedy
- sanitize.css
- UndoHTML
- universalize.css
Frameworks
- awsm.css
- Bahunya
- Bootstrap
- Bulma
- Foundation
- Kacit
- Marx
- Materialize
- no-class
- Pure
- Sakura & Sakura Vader
- Semantic UI
- Tachyons
- Tacit
- Tailwind
- Tufte
- Water.css (light) & Water.css (dark)
- Writ
A project by Alexander Sandberg
Thanks for checking out my project! ❤️
If you want to get in touch, or check out my other work, you can find me here:
License
Distributed under the MIT License © Alexander Sandberg
This project was inspired by normalize.css's test page and html5-kitchen-sink, and organized according to W3C's HTML 5.2, §4: The elements of HTML.
Metadata
Owner
alexandersandberg
Metadata
A page containing HTML elements that you can use for testing purposes