new HTML5 tags for Details and Summary on Dreamwidth

[mellowtigger]

I've been intending to mention this detail on a slow day... which I guess is today.

Dreamwidth now supports some new HTML5 tags, <details> and <summary>. I know the site-specific <cut> tag breaks RSS and indentations, so I may train myself into a new habit of using this pair instead.

Here goes a test:

Test #1 (using the cut icon in the gui editor)
This test text uses CUT

Test #2 (hand written in the HTML editor)

Read this SUMMARY tag, then open to read more under the DETAILS tag...

This test text uses the DETAILS tag

CONFIRMED: The CUT hides text from my RSS feed, but the DETAILS/SUMMARY pair do not hide it.

Test #3 (new tags with indentation)

Read more with indentation...

Something with normal indentation.

This text is indented.

CONFIRMED: The DETAILS/SUMMARY pair do not break indentation.  This is useful.  :)   Although the Dreamwidth gui editor forced in the "open" parameter, which eliminates the benefit of the DETAILS tag in the first place.  That's not useful.  :( But I can remove it manually within the HTML editor and Save directly there, then it uses default behavior again.  Janky, but still useful.  :)

Comments

[mellowtigger]

OH! I discovered why the open/close status of the DETAILS tag changes on me while editing. If it is currently opened when I hit the SAVE button (in either gui or HTML editor mode), then that current status gets saved. So always close your DETAILS block after editing and before saving it. :)

[dewline]

Good to know. Not sure when it'll be useful, but expecting it to be so.