DEV Community

Discussion on: What are your favorite features of HTML5?

Collapse
 
jeremyf profile image
Jeremy Friesen

I love the semantic structure:

body
-- header
-- article
---- section
---- section
Enter fullscreen mode Exit fullscreen mode

But how those are composable as well; I can have a header in my article. In using these semantics you're helping those that use assistive technology better access your content.

I'm also a big fan of some unused tags:

  • dfn
  • abbr
  • cite
  • dl

These elements provide great mechanisms for helping decompose jargon.

And as Ben wrote…the details tag (paired with it's "child" summary) is amazing.

How we do details in DEV
Yup, you can do it here using the liquid following syntax:

{% details Your summary here %}
The text that's "hidden" within the details.
{% enddetails %}