Jazzo.co.uk uses cookies to provide necessary site functionality and improve your experience. By using our website, you agree to our Privacy Policy and our Terms & Condition.

HTML

Start Tutorials

Introduction Tags & Elements Attributes Structure Building First Page Tags In Action Choosing Our IDE Adding Content To Pages Indentation Overview

Tags & Elements

<!DOCTYPE> <a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdi> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <data> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <h1>-<h6> <head> <header> <hr> <html> <i> <iframe> <img> <input> <ins> <kbd> <label> <legend> <li> <link> <main> <map> <mark> <meta> <meter> <nav> <noscript> <object> <ol> <optgroup> <option> <output> <p> <param> <picture> <pre> <progress> <q> <rp> <rt> <ruby> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <svg> <table> <tbody> <td> <template> <textarea> <tfoot> <th> <thead> <time> <title> <tr> <track> <u> <ul> <var> <video> <wbr>

Entities

CSS

Introduction

MATERIAL-ICONS

Introduction Icons - Action Icons - Alert Icons - AV Icons - Communication Icons - Content Icons - Device Icons - Editor Icons - File Icons - Hardware Icons - Image Icons - Maps Icons - Navigation Icons - Notification Icons - Places Icons - Social Icons - Toggle

HTML <details>

4th February 2020 | Christopher Pisani

The HTML element <details> is a simple yet effective way of using clean HTML, with no scripts with Javascript, to have a fully working toggled widget for information.

To show that the element expands, a rotating triangle is placed on the title to show that more data is available.

A simple example of a small article to represent the element

<details>
    <summary>
BOB Revolution CE Stroller – everything you need to know about this jogging stroller
    </summary>
    I enjoy jogging immensely and it was rather difficult for me to resign from this activity after the birth of my first child. Fortunately, due to the modern market of strollers, I was able to return to my favourite physical activity in a very short time. Of course, this was possible due to an appropriate jogging stroller.
</details>

Available Attributes

No specific attributes are assigned for this element, other than the standard global attributes.

Please Note: Although we try our utmost to deliver the correct information, some of the data properties might have changed after this information was published on our website. If you believe there is incorrect information on this section, please report error on our contact form.