King, Karen L., author

Chilton, Bruce, author

Bourgeault, Cynthia

Over the weekend two new HTML5 elements – summary and figcaption – were added to the draft specification. The introduction of summary and figcaption marks the acceptance that new elements are needed to act as captions or legends for the details and figure elements. The addition of the figcaption element finally begins to clear up the difficulty in marking-up figure element captions and looks to cement the place of the figure element in the HTML5 specification. The summary element does much the same for the details element but the very nature of the details element itself means that its future is not yet clear.

The figcaption element

This new element acts as the optional caption or legend for any content contained within its parent figure element.

If there is no figcaption element within a figure element then there is no caption for the rest of its content. If there is a figcaption element then it must be the first or last child of the figure element and only the first figcaption element (should there be more than one child figcaption of the parent figure element) represents a caption.

The figure element is used to mark up any self-contained content that may be referenced from the main flow of a document but could also be removed from the primary content (for example, to an appendix) without affecting its flow. This makes it suitable for various types of content ranging from graphs and data tables to photographs and code blocks.

<p><a href="#fig-ftse">Figure 1</a> shows the extent of the collapse in the markets and how recovery has been slow.</p>

<figure id="fig-ftse">
  <figcaption>Figure 1. The value of the FTSE 100 Index from 1999&ndash;2009.</figcaption>
  <img src="ftse-100-index-graph.jpg" alt="The index hit a record high at the end of 1999 and experienced two significant drops in the following last decade.">
</figure>

<p>This latest financial crisis hasn't stopped Alex from writing music and his latest track is actually worth listening to.</p>

<figure>
  <audio src="what-am-i-doing.mp3" controls></audio>
  <figcaption><cite>What am I doing?</cite> by Alex Brown</figcaption>
</figure>

The creation of the figcaption element is an important step forward for the HTML5 draft specification as it finally provides a reliable means to markup the caption for content that is best marked up as a figure. Previous attempts to use the legend element, the caption element, and the dt and dd elements had failed due to a lack of backwards compatibility when it came to styling these elements with CSS.

The summary element

This new element represents a summary, caption, or legend for any content contained within its parent details element.

The summary element must be the first child of a details element and if there is no summary element present then the user agent should provide its own. The reason for this is because the details element has a specific function – to markup additional information and allow the user to toggle the visibility of the additional information. Although it is not specified in the specification, it is expected that the summary element will act as the control that toggles the open-closed status of the contents of the parent details element.

<details>
  <summary>Technical details.</summary>
  <dl>
    <dt>Bit rate:</dt> <dd>190KB/s</dd>
    <dt>Filename:</dt> <dd>drum-and-bass-mix.mp3</dd>
    <dt>Duration:</dt> <dd>01:02:34</dd>
    <dt>File size:</dt> <dd>78.9MB</dd>
  </dl>
</details>

The introduction of the summary element seems to secure the future of the details element and the new behaviour that it affords, for now. When user agents begin to add support for the details element you won’t need JavaScript, or even CSS, to have expanding or collapsing sections in an HTML document.

The future of the details element

There will continue to be some debate over the inclusion of behaviour in an HTML specification especially given the widespread use of JavaScript to provide the expand-collapse functionality that details describes.

The details element writes some quite significant behaviour into an HTML document and I can see it being abused to provide generic expand-collapse functionality throughout a document. It is also not entirely clear what purpose the details element actually serves other than being an attempt to bypass the need for JavaScript or CSS to expand or collapse sections of a document.

There has been a general softening of the rough distinction between content, presentation, and behaviour. JavaScript libraries are being used to patch holes in browser CSS and HTML5 support, the CSS3 modules introduce plenty of behaviour that was previously only possibly with JavaScript, and the HTML5 specification is also introducing functionality and behaviour that previously required the use of JavaScript.

The future survival of the details element, and the behaviour associated with it, may well depend on browser implementations and author applications over the coming months.

Lovelace, Mary

Sherwin, David, author

Hossenlopp, Rosemary, 1958-

Online Resource

Dewey Library - KF3775.E548 2018

Mariana, Neni, author

London : Springer, c2007

Milano : Springer Milan, 2006

Totowa, N.J. : Humana Press, [2006]

Dewey Library - QC718.Y66 2019

Online Resource

Online Resource

Online Resource

Cosgrove, Jeffrey John

Roldan, Leslie, author

Interview wit Managing partner, Cyril Amarchand Mangaldas

Interview with Jeffrey D. Sachs, PhD, author of Primary Health Care in Low-Income Countries: Building on Recent Achievements

Interview with David C. Mohr, PhD, author of Effect of Telephone-Administered vs Face-to-face Cognitive Behavioral Therapy on Adherence to Therapy and Depression Outcomes Among Primary Care Patients: A Randomized Trial

Interview with Jeffrey S. Gerber, MD, PhD, author of Effect of an Outpatient Antimicrobial Stewardship Intervention on Broad-Spectrum Antibiotic Prescribing by Primary Care Pediatricians: A Randomized Trial

Interview with Kurt Kroenke, MD, author of Telecare Collaborative Management of Chronic Pain in Primary Care

Interview with Richard Saitz, MD, MPH, author of Screening and Brief Intervention for Drug Use in Primary Care

Interview with Laura P. Richardson, MD, MPH, author of Collaborative Care for Adolescents With Depression in Primary Care

Interview with Douglas K. Owens, MD, MS, USPSTF Task Force member and coauthor of Statin Use for the Primary Prevention of Cardiovascular Disease in Adults: US Preventive Services Task Force Recommendation Statement

Interview with Randall S. Stafford, MD, PhD, MHS, author of A Practical Approach to Low-Dose Aspirin for Primary Prevention

Weil, Ray R., author

Barker Library - TL725.3.M2 A37 2019

Online Resource

Barker Library - TL3260.Y36 2019

Online Resource

Online Resource

New York : Routledge, 2008

Rotch Library - NA1487.I8 Q23 2016

Rotch Library - N7280.T37 2017

Rotch Library - NK3636.5.E44 2018

Rotch Library - BP195.M66 R66 2003

Rotch Library - GT2853.T9 I856 2018

Rotch Library - NA1600 C36 2018

Karr, Mary, author

Kowal, Mary Robinette, 1969- author

Karr, Mary, author