hCard

hCard — это микроформат для публикации контактных данных (которые могут быть не более чем именами) людей, компаний, организаций и мест в HTML , Atom , RSS или произвольном XML . ^{[ 1 ]} Микроформат hCard делает это, используя представление 1:1 свойств и значений vCard (RFC 2426), идентифицируемых с помощью классов HTML и rel атрибутов .

Он позволяет инструментам синтаксического анализа (например, другим веб-сайтам или ) Firefox расширению оператора извлекать детали и отображать их, используя некоторые другие веб-сайты или инструменты картографирования , индексировать или искать их или загружать их в программу адресной книги.

В мае 2009 года Google объявил, что они будут анализировать микроформаты hCard, hReview и hProduct и использовать их для заполнения страниц результатов поиска. ^{[ 2 ]} В сентябре 2010 года Google объявил о своем намерении разместить информацию hCard и hReview в результатах местного поиска. ^{[ 3 ]} В феврале 2011 года Facebook начал использовать hCard для обозначения мест проведения мероприятий. ^{[ 4 ]}

Пример

Рассмотрим HTML:

<ul>
    <li>Joseph Doe</li>
    <li>Joe</li>
    <li>The Example Company</li>
    <li>604-555-1234</li>
    <li><a href="http://example.com/">http://example.com/</a></li>
</ul>

С микроформатной разметкой это выглядит следующим образом:

<ul class="vcard">
    <li class="fn">Joseph Doe</li>
    <li class="nickname">Joe</li>
    <li class="org">The Example Company</li>
    <li class="tel">604-555-1234</li>
    <li><a class="url" href="http://example.com/">http://example.com/</a></li>
</ul>

Профиль может быть дополнительно включен в шапку страницы:

<link rel="profile" href="http://microformats.org/profile/hcard">

Здесь свойства fn , ^{[ 5 ]} псевдоним , организация (организация), тел (номер телефона) и URL ( веб-адрес ) были определены с использованием конкретных имен классов; и все это завернуто в class="vcard" что указывает на то, что другие классы образуют hcard, а не названы случайно. Если hCard предназначена для организации или места проведения, классы fn и org используются в одном и том же элементе, как в <span class="fn org">Wikipedia</span> или <span class="fn org">Wembley Stadium</span>. Существуют также другие необязательные классы hCard.

Теперь программное обеспечение, например плагины браузера, может извлекать информацию и передавать ее в другие приложения, например адресную книгу.

Гео и адрес

Микроформат Geo является частью спецификации hCard и часто используется для включения координат местоположения в hCard.

Часть adr hCard также можно использовать как отдельный микроформат.

Живой пример

Вот контактные данные Фонда Викимедиа по состоянию на февраль 2023 г. в виде действующей карты hCard:

Фонд Викимедиа, Инк.

1 Монтгомери-стрит, офис 1600

Сан-Франциско , Калифорния 94104

олень

Телефон: +1-415-839-6885

Электронная почта: [адрес электронной почты защищен]

Факс : +1-415-882-0495

Используемая разметка (обернутая для ясности):

<div class="vcard">
    <div class="fn org">Wikimedia Foundation Inc.</div>
    <div class="adr">
        <div class="street-address">1 Montgomery Street, Suite 1600</div>
        <div> <span class="locality">San Francisco</span>, <abbr class="region" title="California">CA</abbr> <span class="postal-code">94104</span></div>
        <div class="country-name">USA</div>
    </div>
    <div>Phone: <span class="tel">+1-415-839-6885</span></div>
    <div>Email: <span class="email">[email protected]</span></div>
    <div class="tel">
        <span class="type">Fax</span>:
        <span class="value">+1-415-882-0495</span>
    </div>
</div>

В этом примере свойства fn и org объединены в одном элементе, что указывает на то, что это hCard для организации, а не человека.

Другие атрибуты

Другие часто используемые атрибуты hCard включают в себя

bday – дата рождения человека
email
honorific-prefix
honorific-suffix
label – для недетализированных адресов
logo
nickname
note – свободный текст
photo
post-office-box

См. также

Ссылки

^ Сикос, Лесли (2011). Веб-стандарты: освоение HTML5, CSS3 и XML . Апресс. ISBN 978-1430240419 . Проверено 10 мая 2013 г.
^ Гоэль, Кави; Гуха, Раманатан В.; Ханссон, Отар (12 мая 2009 г.). «Представляем расширенные фрагменты кода» . Центральный блог Google для веб-мастеров . Проверено 25 мая 2009 г.
^ Блюменталь, Майк (22 сентября 2010 г.). «Google объявляет о полной поддержке локальных микроформатов» . Знакомство с Google Картами . Проверено 30 сентября 2010 г.
^ Проталинский, Эмиль (18 февраля 2011 г.). «Facebook добавляет в «События» микроформаты hCalendar и hCard» . ЗДНет. Архивировано из оригинала 19 февраля 2011 года . Проверено 24 марта 2011 г.
^ понятное имя не определено в спецификации http://microformats.org/wiki/hcard#Property_List , но его можно рассматривать как « полное имя », «официальное имя», «отформатированное имя» или «фамилия».

Дальнейшее чтение

Олсопп, Джон (2007). Микроформаты: расширение возможностей вашей разметки для Web 2.0 . Беркли: Друзья. п. 125 . ISBN 978-1-59059-814-6 .

[1] Сикос, Лесли (2011). Веб-стандарты: освоение HTML5, CSS3 и XML . Апресс. ISBN 978-1430240419 . Проверено 10 мая 2013 г.

[Rich-Snippets-2] Гоэль, Кави; Гуха, Раманатан В.; Ханссон, Отар (12 мая 2009 г.). «Представляем расширенные фрагменты кода» . Центральный блог Google для веб-мастеров . Проверено 25 мая 2009 г.

[Rich-Snippets_In_Local-3] Блюменталь, Майк (22 сентября 2010 г.). «Google объявляет о полной поддержке локальных микроформатов» . Знакомство с Google Картами . Проверено 30 сентября 2010 г.

[Protalinski-4] Проталинский, Эмиль (18 февраля 2011 г.). «Facebook добавляет в «События» микроформаты hCalendar и hCard» . ЗДНет. Архивировано из оригинала 19 февраля 2011 года . Проверено 24 марта 2011 г.

[5] понятное имя не определено в спецификации http://microformats.org/wiki/hcard#Property_List , но его можно рассматривать как « полное имя », «официальное имя», «отформатированное имя» или «фамилия».

[ 1 ]

[ 2 ]

[ 3 ]

[ 4 ]

[ 5 ]