Skip to content

alexandersandberg/html5-elements-tester

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

73 Commits
 
 
 
 
 
 
 
 

Repository files navigation

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

Frameworks

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.