<time> Tag Examples

Examples of the time tag in HTML 5
Date Only
<time xsi:type="xsd:date" datetime="2011-03-08"
title="Mardi Gras (Fat Tuesday), 2011">March 8, 2011</time>
is the latest in the year Mardi Gras falls until
<time xsi:type="xsd:date"
datetime="2011-03-09"
title="Mardi Gras (Fat Tuesday), 2038"
style="cursor: help">March, 2038</time>
Date and Time
<time xsi:type="xsd:dateTime"
datetime="2010-12-31T23:59:59-04:00"
title="One second before midnight, New Years Eve, 2010"
style="cursor: help">12/31/2010 11:59:59 PM EST</time>
Time Only
<time xsi:type="xsd:time"
datetime="12:00:00-05:00"
title="Noon Eastern time"
style="cursor: help">12:00 PM ET</time>

When the cursor hovers over the text for the time element, the cursor: help style changes the cursor to a question mark to indicate that more information is available. After a brief pause, the text in the title attribute is displayed in a pop-up tool tip. See the <time> tag demos above.