Blogging Tips #1

In this post, I’m to share my insights on how to add a tag that states ‘Expand To Read’. A few bloggers had asked me for it, and this is a post detailing the need and procedure for the same.

Details tag:

The details tag is more like an interactive disclosure widget. Any content that the user can open and close on demand can be added to this. When open, it expands and displays the content.

When to use the ‘details’ element?

Details tag in HTML can be used to display

  • answers for Frequently Asked Questions (FAQs).
  • repeated stuff, providing the reader a choice to read.
  • spoilers in book or movie reviews.
  • answers for puzzles.
  • disclosures, or
  • any trivial content.
Continue reading