TIL HTML elements like Blockquote, datalist, details, meter, & progress
POSTED ON:
HTML Elements I forget exist
Live examples:
See the Pen HTML Elements I forget exist by rockykev (@rockykev) on CodePen.
Blockquote #
The <blockquote> HTML element indicates that the enclosed text is an extended quotation. Usually, this is rendered visually by indentation (see Notes for how to change it). A URL for the source of the quotation may be given using the cite attribute, while a text representation of the source can be given using the <cite> element.
Datalist #
The <datalist> HTML element contains a set of <option> elements that represent the permissible or recommended options available to choose from within other controls.
Details #
The <details> HTML element creates a disclosure widget in which information is visible only when the widget is toggled into an "open" state. A summary or label must be provided using the <summary> element.
A disclosure widget is typically presented onscreen using a small triangle which rotates (or twists) to indicate open/closed status, with a label next to the triangle. The contents of the <summary> element are used as the label for the disclosure widget.
Meter #
The <meter> HTML element represents either a scalar value within a known range or a fractional value.
Progress #
The <progress> HTML element displays an indicator showing the completion progress of a task, typically displayed as a progress bar.
Related TILs
Tagged: html