Html5-elements-tester NPM

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>