HTML / Markup Public

FAQ Section Markup

A simple FAQ section using semantic HTML and details/summary elements.

#html #faq #semantic #beginner

HTML / Markup

<section class="faq-section" aria-labelledby="faq-title">
  <h2 id="faq-title">Frequently asked questions</h2>

  <details>
    <summary>Can I use CodShot for free?</summary>
    <p>Yes. The free plan is a good way to try the platform.</p>
  </details>

  <details>
    <summary>Can I save private snippets?</summary>
    <p>Private snippets are available on Free, Plus, and Pro.</p>
  </details>
</section>

Notes

The details element gives you a native collapsible UI without JavaScript.

Snippet actions

CodShot user

Updated: 2026-09-05 16:52

Public snippets

Forks