Today I Learned - Rocky Kev

TIL Details element that creates a accordion

POSTED ON:

TAGS: html codepen

HTML Clickable details element!

<details>
  <summary>Click Here to get the user details</summary>
  <table>
        <tr>
            <th>#</th>
            <th>Name</th>
            <th>Location</th>
            <th>Job</th>
        </tr>
        <tr>
            <td>1</td>
            <td>Adam</td>
            <td>Huston</td>
            <td>UI/UX</td>
        </tr>
  </table>
</details>

See the Pen HTML only Clickable Details Element by rockykev (@rockykev) on CodePen.

REFERENCE:
https://dev.to/atapas/10-useful-html5-features-you-may-not-be-using-2bk0?utm_source=digest_mailer&utm_medium=email&utm_campaign=digest_email

Related TILs

Tagged: html

TIL Gmail has a 102KB size-limit for HTML

PLACEHOLDER

TIL how Error correction works in HTML

You never get an 'Invalid Syntax' error on an HTML page. Browsers fix any invalid content and go on.

TIL what DOCTYPE means

tl;dr: DOCTYPE declaration in the first line of the HTML file, to instruct the browser to run the code in Standard mode.