How deeply does Web Design Playground, Second Edition cover time element?

Explains visible text, datetime values, syntax, and browser behavior without detailing date-format rules.

Time element

As explained in Web Design Playground, Second Edition

The HTML time element marks text as representing a date, a time, or both, optionally associating it with a machine-readable value.

The HTML <time> element marks text as a date, a time, or both. The visible text helps people, while the optional datetime value gives browsers and other software a machine-readable version. section 16.1

A readable timestamp with a precise value

This web page was last modified on <time datetime="2023-08-23T09:25:00-05:00">August 23rd, 2023 at 9:25AM</time>. The browser does not automatically restyle the date; the element mainly adds meaning and useful data. section 16.1

Here's the syntax to use for the <code>time</code> element:<br> <code>&lt;time datetime="<var>machine-value</var>"&gt;<var>human  text</var>&lt;/time&gt;.</code>

Use the pattern <time datetime="machine-value">human text</time>, replacing each placeholder with the appropriate machine-friendly and human-friendly values. section 16.1

How Web Design Playground, Second Edition covers it

Cover of Web Design Playground, Second Edition

liveBook manning.com

Read Web Design Playground, Second Edition on liveBook Get the book at manning.com

Related concepts

datetime attributeuses · The HTML datetime attribute provides a machine-readable date or time value for a time element.
inline containerkind of · An inline container is an HTML element that participates in inline layout, flowing with surrounding content and potentially wrapping within its containing block.
display propertyconfigured by · The CSS display property specifies how an element participates in layout and the type of box it generates.
sup elementhas part · The HTML sup element marks text as superscript, positioning it above the surrounding text baseline.
font-family propertyconfigured by · The CSS font-family property specifies a preferred typeface or ordered sequence of fallback typefaces for rendering text.

This explainer was generated by Manning's knowledge graph from the text of Web Design Playground, Second Edition. The section links point to the parts of the book it draws on.