Skip to content
techsnow

Semantic HTML

Details and Summary

<details> creates a box the user can open and close, with no JavaScript. <summary> is the clickable title.

<details>
  <summary>Is this course free?</summary>
  <p>Yes! All beginner courses on TechSnow are free.</p>
</details>

<details open>
  <summary>Do I get a certificate?</summary>
  <p>Yes, when you complete every lesson.</p>
</details>