10 HTML Elements You Didn't Know You Needed

The page argues that HTML is more than an easy language to learn: when used well, it gives web applications structure and accessibility benefits. It then introduces ten lesser-known elements and shows what each one is for, from media and layout to dates and inline text handling.

Reading notes

#

• <audio> defines sound and supports MP3, WAV, and OGG.
• <blockquote> marks a section quoted from another source.
• <output> represents the result of a calculation and can be linked to inputs with a for attribute.
• <picture> lets the browser choose among multiple image sources using <source> elements and an <img> fallback.
• <progress> represents task progress, while <meter> is for scalar measurements such as disk usage or search result relevance.
• <template> holds hidden content meant to be reused with JavaScript, including cloneNode().
• <time> encodes human-readable dates or times in a machine-readable form.
• <video> specifies a movie clip or video stream and supports MP4, WebM, and Ogg.
• <wbr> marks possible word break points so long text can wrap more cleanly on resize.