Skip to content

Semantic components

Blockquote

You can find this component under /components/blockquote.

“Words can be like X-rays, if you use them properly—they’ll go through anything. You read and you’re pierced.”

—Aldous Huxley, Brave New World
A blockquote
<blockquote class="if" cite="https://www.huxley.net/bnw/four.html">
  <p>
    “Words can be like X-rays, if you use them properly—they’ll go through anything. You read and you’re pierced.”
  </p>
  <footer>—Aldous Huxley, <cite>Brave New World</cite></footer>
</blockquote>

Time and date

The HTML

<p>The concert took place on <time datetime="2001-05-15T19:00">May 15</time>.</p>

Resources on semantic components

Adresses

The address element may be used to hold any contact information, including a physical address as well as a website or email address. It should not include any further information than the contact information, and other content needs to be placed outside of the address element.

<address class="if">
  <strong class="if">Shay Howe</strong> <br />
  <a class="if" href="http://learn.shayhowe.com">http://learn.shayhowe.com</a> <br />
  <a class="if" href="mailto:hello@awesome.com">hello@awesome.com</a> <br />
  600 W. Chicago Ave. <br />
  Suite 620 <br />
  Chicago, IL 60654 <br />
  USA
</address>
Edit this section

Contact us