html5-elements-tester

    1.1.7 • Public • Published

    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.

    Install

    npm i html5-elements-tester

    DownloadsWeekly Downloads

    1

    Version

    1.1.7

    License

    MIT

    Unpacked Size

    49.1 kB

    Total Files

    4

    Last publish

    Collaborators

    • alexandersandberg