Inline Metadata

Time and Address Metadata

Human Text With Machine Values

An event card uses time and address so the visible text stays readable while the document carries date and contact semantics.

Program

Some HTML elements keep visible text ordinary but add machine-readable meaning. Time can carry a datetime value, and address marks contact information.

time_address_meta.html
Visuals: captured from real browser rendering
<article>
  <h1>Workshop</h1>
  <p>Opens <time datetime="2026-07-14T09:00">July 14, 9:00</time>.</p>
  <address>Egtry Lab, 12 Maker Lane</address>
</article>

  1. Create the event article.

    An empty event card appears.
    The article groups the event details as one self-contained unit.

  2. Add the event heading.

    The event card shows a Workshop heading.
    The heading names the event.

  3. Add a machine-readable opening time.

    The event card shows Opens July 14, 9:00.
    The datetime attribute stores the precise value while the text stays readable.

  4. Add the event contact location.

    An Egtry Lab address block appears under the time.
    The address element marks contact information for the article.

  5. Complete the event card.

    The complete Workshop event card is visible.
    Closing the article finalizes the event metadata group.
time A time element can pair human text with a machine-readable datetime attribute.
address An address element marks contact information for the nearest article or page.