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>

Table of Contents

Edit this section, Opens in new window
Contact us, Opens in new window