Микроданные человека

by webref

HTML

<section itemscope itemtype="http://schema.org/Person">
  <strong itemprop="name">Шэй Хоу</strong>
  <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/29841/shay.jpg" itemprop="image" alt="Шэй Хоу">
  <div itemprop="jobTitle">Дизайнер и фронтенд-разработчик</div>
  <a href="http://www.shayhowe.com" itemprop="url">shayhowe.com</a>
  <div itemprop="telephone">(555) 123-4567</div>
  <a href="mailto:[email protected]" itemprop="email">[email protected]</a>
  <address itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
    <span itemprop="streetAddress">600 W. Chicago Ave.</span>
    <span itemprop="addressLocality">Chicago</span>,
    <abbr itemprop="addressRegion" title="Illinois">IL</abbr>
    <span itemprop="postalCode">60654</span>
  </address>
</section>

CSS

body {
  color: #666;
  font: 14px/24px "Open Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", Sans-Serif;
}
strong {
  display: block;
  font-weight: bold;
}
address {
  font-style: italic;
}