hcard-ru — Microformats Wiki
!
Вы прошли по ссылке на статью, перевод которой ещё не завершён. См. оригинал статьи
Вы можете помочь перевести её до конца, соблюдая стиль и общие правила перевода.
Напоминаем, что ваш перевод может быть изменён другими участниками сообщества, поэтому старайтесь переводить статьи точнее и более читабельнее.
hCard — это простой, открытый микроформат для описания людей, компаний, организаций и мест, используя всю мощь vCard (RFC 2426 (англ.)). Имена классов hCard полностью отображают имена соответствующих полей vCard на семантический (X)HTML. hCard — это один из открытых микроформатов, который можно внедрить в HTML, XHTML, ATOM, RSS и XML.
Хотите разметить собственный hCard? Попробуйте начать с генератора hCard или создайте разметку данного микроформата самостоятельно, следуя подсказкам по внедрению на существующие страницы.
Авторство и правовые вопросы
Ниже расположена информация об авторах данного микроформата и правах, по которым он доступен.
Авторы
- Авторы
- Tantek Çelik (членство в организациях указано выше)
- Brian Suda (http://suda.co.uk/)
Права
- Официальные подтверждения
- См. официальные подтверждения.
- Защита прав
- См. авторские права и заявки на патенты.
Автор указал, что данная работа является работой под лицензией Public Domain. Все редакторы данной страницы соглашаются с тем, что их правки также будут распространяться под Public Domain. Редакторы могут выразить своё согласие, вставив шаблон на свою страницу (инструкции). В противном случае все правки могут быть отменены или удалены.
Патенты
Данная спецификация — субъект политики патентования.
См. подробнее:
Введение
Стандарт vCard (RFC 2426 (англ.)) был широко внедрен для обеспечения взаимодействия между различными приложениями (например, приложение «Address Book» компании Apple, встроенное в Mac OS X).Помимо этого, многие блоггеры идентифицируют себя по имени и обсуждают своих друзей и семью на страницах блогов. С помощью небольшой структуризации, блоггеры могут обсуждать (описывать) людей в своих блогах таким образом, что поисковые роботы и другие программы-обработчики смогут запросить эту информацию, автоматически конвертируя её в vCard и используя её впоследствии в любом сервисе или приложении, работающем с vCard.
Эта спецификация представляет формат hCard, который проецирует вышеупомянутый стандарт vCard в семантический HTML. Блоггеры могут внедрять hCard напрямую в Web-документы и оформлять их спомощью CSS для придания им желаемого внешнего вида. Также hCard позволяет приложениям запрашивать информацию прямиком из Web-документов, без обращений к отдельным файлам.
Вы можете использовать генератор hCard и скопировать HTML-код, который он сгенерирует, в ваш блог или Web-сайт для публикации контактной информации.
Формат
Особенности
Основополагающим стандартом для hCard является vCard.
В hCard используются имена объектов/свойств vCard, преобразованные в нижний регистр для использования в качетсве имён классов и для создания иерархии HTML-элементов.
Корневой класс
Корневым классом для hCard является «vcard». Элемент с именем класса «vcard» называется hCard.
Свойства
Свойства hCard — это элементы внутри hCard. Элементы с именами классов указанных свойств представляют собой значения таких свойств. Некоторые свойства могут иметь более сложную вложенную структуру других свойств, но в целом их структура идентична.
Список свойств
Свойства hCard
Обязательные:
- fn
- n1 (family-name, given-name, additional-name, honorific-prefix, honorific-suffix)
Необязательные:
- nickname, sort-string
- url, email (тип, значение), tel2 (тип, значение)
- adr (post-office-box, extended-address, street-address, locality, region, postal-code, country-name, type, value), label
- geo (latitude, longitude), tz
- photo, logo, sound, bday
- title, role, org (organization-name, organization-unit)
- category, note
- class, key, mailer, uid, rev
Дополнительные указания
1. ^: n не является обязательным атрибутом (см. hcard#Оптимизация раздел об оптимизации
2. ^: Используя tel, авторы могут следовать стандарту E.123 для записи телефонных номеров. Символьные значения (например, +1-555-FORMATS) должны быть сконвертированы в числа. Используйте abbr
, чтобы отображать символьное представление и предоставлять числовое значение. Например:
<abbr title="+15553676287">+1-555-FORMATS</abbr>
.
Единичные и множественные свойства
Список свойств, которые должны однозначно использоваться в формате (только один раз):
- ‘fn’
- ‘n’
- ‘bday’
- ‘tz’
- ‘geo’
- ‘sort-string’
- ‘uid’
- ‘class’
Для таких свойств только первый дочерний элемент с таким классом должен иметь значение, остальные должны игнорироваться.
Все другие свойства могут встречаться несколько раз. Каждый новый подобный класс создаёт новый параметр со значением данного свойства.
Читабельность для человека и машины
Человеку доступно всё, что является содержимым элементов (это, собственно, и является содержимым определённого свойства микроформата), с некоторыми нюансами:
- Если элемент
abbr
используется для описания свойства, то атрибутtitle
(если обозначен) данного элемента является значением данного свойства, вместо содержимого данного элемента, которое, в данном случае, предоставляет более приемлемую для осознавания человеком информацию. - Если для одного или нескольких свойств используется элемент
a
, он должен трактоваться следующим образом:- Для свойства photo и любого другого свойства, состоящего из URI, значением является значение атрибута href.
- Для любых других свойств значением является содержимое элемента.
- Если для одного или нескольких свойств используется элемент img, он должен трактоваться следующим образом:
- Для свойства photo и любого другого свойства, которое получает URI в качестве своего значения, значением является значение атрибута src.
- Для других свойств, атрибут alt содержит в себе их значение.
- Если используется элемент object для указания одного или нескольких свойств, он должен распознаваться следующим образом:
- Для свойства photo и подобных этому свойству свойств, атрибут data является значением таких свойств.
- Для других свойств, содержимое элемента является их значением.
Частичные значения
Иногда только часть элемента используется как значение определённого свойства. Такое часто происходит в тот момент, когда у свойства есть подтип (например, tel). В данном случае используется специальное имя класса value, чтобы выделить ту часть элемента, которая и будет являться значением свойства.
Вот фрагмент hCard для разметки домашнего номера телефона:
vCard:
TEL;TYPE=HOME:+1.415.555.1212
hCard:
<span> <span>Домашний телефон</span>: <span>+1.415.555.1212</span> </span>
Данный фрагмент hCard будет отображён следующим образом:
Домашний телефон:
+1.415.555.1212
Исключения из свойств
У стандарта vCard есть несколько свойств, которые не играют особой роли или их роль берут на себя другие элементы на Web-странице. Этот раздел описывает, что с ними нужно делать.
- Свойства NAME, PROFILE, SOURCE, PRODID, VERSION в vCard (как определено в разделах .1.2, 2.1.3, 2.1.4, 3.6.3, 3.6.9 RFC 2426. Авторы не должны использовать эти свойства в своих hCard, так же как и парсеры должны игнорировать данные свойства, если они будут обнаружены при обработке hCard. Напротив, конвертерам hCard-в-vCard следует использовать заголовок страницы, где hCard был обнаружен (элемент title в (X)HTML-документах), чтобы создать свойство NAME, могут вывести свойство PROFILE в соответствии с RFC 2426, могут использовать URI страницы, где был обнаружен hCard, чтобы заполнить свойство SOURCE. Только приложения, которые создают vCard, должны записывать свойства PRODIF и VERSION (3.0) в соответствии с RFC 2426.
Информация об организации
Если свойства FN и ORG имеют одинаковые значения (например, данные классы могут относится к одному элементу, подобно class=»fn org»), hCard представляет собой информацию о связи с компанией, организацией и их следует считать такими. В этом случае авторы не должны использовать свойство N, но они могут устанавливать их в пустую строку. Из этого следует, что парсеры должны поступать таким же образом.
Рекомендации по оптимизации n
Несмотря на то, что vCard обязует использовать свойство N, сами авторы спецификации vCard не включают это свойство почти до конца спецификации (бывает и такое, да). Данное противоречие может быть разрешено следующим путём: необходимо позволить свойству FN заменять своим присутствием свойство N. Это и было сделано в hCard.
Если свойства FN и ORG не совпадают (см. предыдущий раздел) и значение свойства FN равно двум словам, разделённых пробелом и не указано свойство N, то свойство N «получается» из свойства FN. Если же FN не состоит ровно из двух слов, то авторы обязаны разметить свойство N, если они не создают hCard для организации, конечно.
- Содержимое FN разбито на два слова, разделённых пробелом.
- Первое слово в свойстве FN — это given-name для свойства N.
- Второе (последнее) слово в этом свойстве интерпретируется как family-name для свойства N.
- Исключение: если первое слово заканчивается запятой «,» или второе слово состоит только из одного символа (после которого может следовать точка «.»), то первое слово (не считая запятой) интерпретируется как family-name, а второе слово — как given-name.
Вот примеры типичных ситуаций:
- given-name (пробел) family-name
- family-name (запятая) given-name
- family-name (запятая) given-name-first-initial
- family-name (пробел) given-name-first-initial (необязательная точка)
Рекомендации по оптимизации nickname
Исходя из того, что в сети Интернет, в основном, используются никнеймы/псевдонимы для указания человека (автора), hCard также включает в себя свойство nickname.
По аналогии с оптимизацией n, если свойства FN и ORG не совпадают и значением свойства FN является ровно одно слово, при этом отдельного свойства N не указано, то:
- Содержимое FN должно считаться значением свойства nickname.
- Обработчикам (парсерам) следует заполнить пустыми значениями пропущенное свойство N.
Авторы hCard должны непосредственно указывать свойство nickname, например:
<span> <span>daveman692</span> </span>
hCard может иметь отдельный элемент с классом nickname, значение которого и будет являться значением одноимённого свойства.
Оптимизации organization-name
Свойство ORG включает в себя два подсвойства: organization-name и organization-unit. Очень часто авторы публикуют только organization-name. Из этого следует, что если organization-name не указано внутри ORG, содержимое ORG должно трактоваться как organization-name.
Теги как категории
Категории в hCard могут быть представлены как теги c использованием микроформата rel-tag. Когда категория размечена с помощью rel-tag, сам тег (как определено спецификацией rel-tag) и является этой категорией.
Пары значений Тип(type) и Значение(value)
Подсвойство type может принимать различные значения, зависящие от того, к какому свойству оно принадлежит. Значения данного подсвойства являются нечувствительными к регистру (это значит, что «Рабочий» — то же самое, что и «рабочий»). Пример:
vCard:
TEL;TYPE=HOME,PREF:+1.415.555.1212
hCard:
<span><span>Home</span> (<span>pref</span>erred): <span>+1.415.555.1212</span> </span>
Будет показано следующим образом:
Home (preferred):
+1.415.555.1212
type без указанного value
Когда указан type свойства и не указан value свойства, всё, что не является type, считается value данного свойства, например:
<span><span>Home</span> +1.415.555.1212</span>
Равносильно следующему:
<span><span>Home</span><span> +1.415.555.1212</span></span>
Следовательно, type — это «home», а значение — это «+1.415.555.1212»
Возможные значения type для adr, tel и email
См. также разделы 3.2.1 ADR, 3.3.1 TEL и 3.3.2 EMAIL в RFC 2426 для нормативных сведений. Значение по умолчанию (даже если это несколько значений) — это первое значение в данном списке.
- adr: INTL, POSTAL, PARCEL, WORK, dom, home, pref
- tel: VOICE, home, msg, work, pref, fax, cell, video, pager, bbs, modem, car, isdn, pcs
- email: INTERNET, x400, pref, «other IANA registered address types»
Профиль XMDP
См. XMDP профиль hCard, который содержит все указанные выше свойства.
Информация об обработке
См. обработка hCard.
Примеры
Данный раздел является информативным
Пример vCard
Это пример vCard:
BEGIN:VCARD VERSION:3.0 N:Çelik;Tantek FN:Tantek Çelik URL:http://tantek.com/ END:VCARD
и эквивалент вышеприведённого vCard в разметке hCard:
<div> <a href="http://tantek.com/">Tantek Çelik</a> </div>
Этот hCard будет отображён следующим образом:
Замечание: информацию о версии не обязательно указывать в разметке hCard, так как эта информация будет включена в профиль hCard, который будет использован путём утилизации атрибута profile в HTML-элементе head.
Пример
Информация о связи с компанией Commercenet. Данный микроформат уже сейчас можно определить на этой странице с помощью различных утилит.
CommerceNet
http://www.commerce.net/
Work:
169 University Avenue
Palo Alto, CA 94301
USA
Work +1-650-289-4040
Fax +1-650-289-4041
Email [email protected]
Ниже представлена разметка с некоторыми семантическими улучшениями:
abbr
используется для аббревиатур- Имя организации представлено в виде ссылки
<div> <a href="http://www.commerce.net/">CommerceNet</a> <div> <span>Work</span>: <div>169 University Avenue</div> <span>Palo Alto</span>, <abbr title="California">CA</abbr> <span>94301</span> <div>USA</div> </div> <div> <span>Work</span> +1-650-289-4040 </div> <div> <span>Fax</span> +1-650-289-4041 </div> <div>Email: <span>[email protected]</span> </div> </div>
Дополнительные примеры
Дополнительные примеры вы найдёте на странице примеров hCard. Там также представлены примеры конвертированных из vCard hCard.
Кнопки
Вы можете использовать следующие кнопки на вашей странице вместе с микроформатом hCard:
Примеры в сети
Данный раздел является информативным. Количество примеров в сети очень большое, поэтому было решено переместить их на отдельную страницу
Реализации
Данный раздел является информативным.
См. реализации.
Ссылки
Нормативные
Информативные
Спецификации, связанные с hCard
Подобные работы
Идея
Спасибо моему хорошему другу Вадиму, который познакомил меня с vCard много лет назад. Если бы я был более внимательным, то многим людям не пришлось бы тратить своё время, изобретая колесо.
Создание форматов на основе hCard
Данный раздел является информативным.
См. методологию дизайна hCard.
hCard 1.0 — Microformats Wiki
Tantek Çelik (Editor, Author), Brian Suda (Author)
hCard is a simple, open format for publishing people, companies, organizations on the web, using a 1:1 representation of vCard (RFC2426) properties and values in HTML. hCard is one of several open microformat standards suitable for embedding data in HTML/HTML5, and Atom/RSS/XHTML or other XML.
Translations: Français • 日本語 • Русский • ภาษาไทย • 漢語 • (Add your language)
Copyright and patents statements apply. See acknowledgments.
Example
hCards are most often used to represent people:
<div> <a href="https://tantek.com/">Tantek Çelik</a> </div>
and organizations:
<div> <a href="https://microformats.org/">microformats.org</a> </div>
The class vcard
is a root class name that indicates the presence of an hCard.
The classes url
, fn
, and org
define properties of the hCard.
Properties
Common hCard properties (inside class vcard
)
fn
— name, formatted/full. requiredn
— structured name, container for:honorific-prefix
— e.g. Ms., Mr., Dr.given-name
— given (often first) nameadditional-name
— other/middle namefamily-name
— family (often last) namehonorific-suffix
— e.g. Ph.D., Esq.
nickname
— nickname/alias, e.g. #microformats on freenode nickorg
— company/organizationphoto
— photo, icon, avatarurl
— home page for this contactemail
— email addresstel
— telephone numberadr
— structured address, container for:street-address
— street #+name, apt/stelocality
— city or villageregion
— state or provincepostal-code
— postal code, e.g. U.S. ZIPcountry-name
— country name
bday
— birthday. ISO date.category
— for tagging contactsnote
— notes about the contact
Example hCard of common properties:
<div>
<span>Sally Ride</span>
(<span>
<span>Dr.</span>
<span>Sally</span>
<abbr>K.</abbr>
<span>Ride</span>
<span>Ph.D.</span></span>),
<span>sallykride</span> (IRC)
<div>Sally Ride Science</div>
<img src="http://example.com/sk.jpg"/>
<a href="http://sally.example.com">w</a>,
<a href="mailto:[email protected]">e</a>
<div>+1.818.555.1212</div>
<div>
<div>123 Main st.</div>
<span>Los Angeles</span>,
<abbr title="California">CA</abbr>,
<span>91316</span>
<div>U.S.A</div></div>
<time>1951-05-26</time> birthday
<div>physicist</div>
<div>1st American woman in space.</div>
</div>
Status
hCard 1.0 is a microformats.org specification. Public discussion on hCard takes place on hcard-feedback, the #microformats #microformats on freenode channel on irc.freenode.net, and microformats-discuss mailing list.
Errata and Updates
Known errors and issues in this specification are corrected in resolved and closed issues. Please check there before reporting issues.
The hCard 1.0.1 update is currently under development and incorporates known errata corrections as well as the Value Class Pattern.
Background
The vCard standard (RFC2426), has been broadly interoperably implemented (e.g. Apple’s «Address Book» application built into MacOSX).
In addition, many bloggers identify themselves by name and discuss their friends and family. With just a tad bit of structure, bloggers can discuss people in their blog(s) in such a way that spiders and other aggregators can retrieve this information, automatically convert them to vCards, and use them in any vCard application or service.
This specification introduces the hCard format, which uses a 1:1 representation of the properties and values of the aforementioned vCard standard, in semantic HTML. Bloggers can both embed hCards directly in their web pages, and style them with CSS to make them appear as desired. In addition, hCard enables applications to retrieve information directly from web pages without having to reference a separate file.
Use the hCard creator and copy the HTML code it generates to your blog or website to publish your contact info.
Conformance
The key words «MUST«, «MUST NOT«, «REQUIRED«, «SHALL«, «SHALL NOT«, «SHOULD«, «SHOULD NOT«, «RECOMMENDED«, «MAY«, and «OPTIONAL» in this document are to be interpreted as described in RFC 2119.
Format
In General
The vCard standard (RFC2426) forms the basis of hCard.
The basic format of hCard is to use vCard object/property names in lower-case for class names, and to map the nesting of vCard objects directly into nested HTML elements.
Root Class Name
The root class name for an hCard is «vcard». An element with a class name of «vcard» is itself called an hCard.
Properties and Sub-properties
The properties of an hCard are represented by elements inside the hCard. Elements with class names of the listed properties represent the values of those properties. Some properties have sub-properties, and those are represented by elements inside the elements for properties.
Property List
hCard properties (sub-properties in parentheses like this)
Required:
- fn
- n1
- family-name
- given-name
- additional-name
- honorific-prefix
- honorific-suffix
Optional:
- adr
- post-office-box
- extended-address
- street-address
- locality
- region
- postal-code
- country-name
- type
- value
- agent
- bday
- category
- class
- email (type, value)
- geo
- key
- label
- logo
- mailer
- nickname
- note
- org (organization-name, organization-unit)
- photo
- rev
- role
- sort-string
- sound
- tel2 (type, value)
- title
- tz3
- uid
- url
Property Notes
1. ^: The ‘n’ property is OPTIONAL if any implied ‘n’ optimization rules are in effect.
2. ^: tel — Authors MAY follow the E.123 standard for writing values of telephone numbers. Letter values (e.g. +1-555-FORMATS) MUST be converted to numbers. Use an abbr
to display letters and provide a numerical value simultaneously, e.g. <abbr title="+15553676287">+1-555-FORMATS</abbr>
.
3. ^: tz — timezones are indicated with the timezone offset, e.g. PST (<span>-08:00</span>)
.
Singular vs. Plural Properties
Singular properties: ‘fn’, ‘n’, ‘bday’, ‘tz’, ‘geo’, ‘sort-string’, ‘uid’, ‘class’, ‘rev’. For properties which are singular, the first descendant element with that class SHOULD take effect, any others being ignored.
All other properties MAY be plural. Each class instance of such properties creates a new instance of that property.
Human vs. Machine readable
The human visible text contents of an element for a property represents the value of that property, with a few exceptions:
If an <abbr>
element is used for a property, then the ‘title
‘ attribute (if present) of the <abbr>
element is the value of the property, instead of the contents of the element, which instead provide a more human presentable version of the value.
If an <a>
element is used for one or more properties, it MUST be treated as follows:
- For the ‘photo’ property and any other property that takes a URL as its value, the
href="..."
attribute provides the property value. - For other properties, the element’s content is the value of the property.
If an <img>
element is used for one or more properties, it MUST be treated as follows:
- For the ‘photo’ property and any other property that takes a URL as its value, the
src="..."
attribute provides the property value. - For other properties, the
<img>
element’s ‘alt
‘ attribute is the value of the property.
If an <object>
element is used for one or more properties, it MUST be treated as follows:
- For the ‘photo’ property and any other property that takes a URL as its value, the
data="..."
attribute provides the property value. - For other properties, the element’s content is the value of the property.
Value excerpting
Sometimes only part of an element which is the equivalent for a property is used for the value of the property. This typically occurs when a property has a subtype, like ‘tel’. For this purpose, the special class name «value
» is used to excerpt out the subset of the element that is the value of the property. E.g. here is an hCard fragment for marking up a home phone number:
vCard:
TEL;TYPE=HOME:+1.415.555.1212
hCard:
<span> <span>home</span>: <span>+1.415.555.1212</span> </span>
This hCard fragment could be displayed as:
You may want to customize/localize the visible punctuation and not want to include it in what machines see. Use multiple elements which are then concatenated. E.g.
<span> <span>home</span>: <span>+1</span>.<span>415</span>.<span>555</span>.<span>1212</span></span> </span>
No change in display, but the parsed hCard property value then becomes in vCard:
vCard:
TEL;TYPE=HOME:+14155551212
Property Exceptions
vCard has several properties which either do not make sense on, or are already implied within the context of a web page. This section explains what to (not) do with them.
- vCard’s NAME, PROFILE, SOURCE, PRODID, VERSION properties are defined in Sections 2.1.2, 2.1.3, 2.1.4, 3.6.3, 3.6.9 of RFC2426. Content publishers MUST NOT use these properties in their hCards, and as such, hCard consumers/parsers MUST IGNORE these properties if they are found within an hCard. Instead. hCard to vCard converters SHOULD use the title of the page where the hCard is found (e.g. the
<title>
element in HTML documents) to construct the NAME property, MAY output a PROFILE value of «VCARD
» per RFC2426, SHOULD use the URL of the page where the hCard is found to construct the SOURCE property (e.g. perhaps as a parameter to a URL/service that converts hCards to vCards), for an output vCard stream (e.g. a .vcf file). Only services/applications that output actual vCards should write the PRODID property, with the product identifier for said service/application. Similarly, only such services/applications should write the VERSION property, with the value «3.0» (without quotes) per RFC2426 Section 3.6.9.
Organization Contact Info
If the «FN» and «ORG» (organization) properties have the exact same value (typically because they are set on the same element, e.g.), then the hCard represents contact information for a company, organization or place and SHOULD be treated as such. In this case the author also MUST NOT set the «N» property, or set it (and any sub-properties) explicitly to the empty string «». Thus parsers SHOULD handle the missing «N» property, in this case by implying empty values for all the «N» sub-properties.
Implied «N» Optimization
Although vCard requires that the «N» property be present, the authors of the vCard specification (RFC2426) themselves do not include «N» properties in their vCards near the end of the spec (p.38). This apparent contradiction can be resolved by simply allowing the «FN» property to imply «N» property values in typical cases provided in the spec. We do so explicitly in hCard.
If «FN» and «ORG» are not the same (see previous section), and the value of the «FN» property is exactly two words (separated by whitespace), and there is no explicit «N» property, then the «N» property is inferred from the «FN» property. For «FN»s with either one word see below, and for three or more, the author MUST explicitly markup the «N», except for the organization contact info case, see above for that.
- The content of «FN» is broken into two «words» separated by whitespace.
- The first word of the «FN» is interpreted as the «given-name» for the «N» property.
- The second/last word of the «FN» is interpreted as the «family-name» for the «N» property.
- Exception: If the first word ends in a «,» comma, then the first word (minus the comma at the end) is interpreted as the «family-name» and the second word is interpreted as the «given-name».
This allows simplification in the typical case of people stating:
- given-name (space) family-name
- family-name (comma) given-name
Implied «nickname» Optimization
Due to the prevalence of the use of nicknames/handles/usernames in actual content published on the Web (e.g. authors of reviews), hCard also has an implied «nickname» optimization to handle this.
Similar to the implied «n» optimization, if «FN» and «ORG» are not the same, and the value of the «FN» property is exactly one word, and there is no explicit «N» property, then:
- The content of the «FN» MUST be treated as a «nickname» property value.
- Parsers SHOULD handle the missing «N» property by implying empty values for all the «N» sub-properties.
Though parsers MUST follow the implied nickname optimization, publishers SHOULD explicitly indicate the «nickname» even in this case, e.g.:
<span> <span>daveman692</span> </span>
The hCard MAY have additional explicit «nickname» property values in addition to the implied nickname.
Implied «organization-name» Optimization
The «ORG» property has two subproperties, organization-name and organization-unit. Very often authors only publish the organization-name. Thus if an «ORG» property has no «organization-name» inside it, then its entire contents MUST be treated as the «organization-name».
Tags as Categories
Categories in hCard MAY be represented by tags with rel=»tag». When a category property is a rel-tag, the tag (as defined by rel-tag) is used for that category.
type subproperty values
The ‘type’ subproperty in particular takes different values depending on which property it is a subproperty of. These ‘type’ subproperty values are case-INSENSITIVE, meaning «Home» is the same as «home», as well as multivalued, e.g. a tel can be home and preferred:
vCard:
TEL;TYPE=HOME,PREF:+1.415.555.1212
hCard:
<span><span>Home</span> (<span>pref</span>erred): <span>+1.415.555.1212</span> </span>
This could be displayed as:
Home (preferred):
+1.415.555.1212
type with unspecified value
When the type of a property is specified, and there is no explicit value specified, then everything in the property except for the type is considered the value of the property. E.g.
<span><span>Home</span> +1.415.555.1212</span>
is equivalent to:
<span><span>Home</span><span> +1.415.555.1212</span></span>
And thus the type is «home» and the value is «+1.415.555.1212».
adr tel email types
The following lists are informative. See RFC2426 sections 3.2.1 ADR, 3.3.1 TEL, and 3.3.2 EMAIL respectively for normative type values. They are repeated here for convenience. Default type subproperty value(s) is(are) first in each list and indicated in ALL CAPS. types may be multivalued.
- adr type: INTL, POSTAL, PARCEL, WORK, dom, home, pref
- tel type: VOICE, home, msg, work, pref, fax, cell, video, pager, bbs, modem, car, isdn, pcs
- email type: INTERNET, x400, pref
Profile
The hCard XMDP profile is at http://microformats.org/profile/hcard
Content that uses hCard SHOULD reference this profile, e.g.
<link rel="profile" href="http://microformats.org/profile/hcard">
or
This content uses <a rel="profile" href="http://microformats.org/profile/hcard">hCard</a>.
or
<head profile="http://microformats.org/profile/hcard">
(profile attribute is deprecated in HTML5)
Content may combine the above methods as well.
Parsing Details
See hCard parsing.
Examples
This section is informative.
Sample vCard
Here is a sample vCard:
BEGIN:VCARD VERSION:3.0 N:Çelik;Tantek FN:Tantek Çelik URL:https://tantek.com/ END:VCARD
and an equivalent in hCard with various elements optimized appropriately. See hCard Example 1 for the derivation.
<div> <a href="https://tantek.com/">Tantek Çelik</a> </div>
This hCard might be displayed as:
Note: The version information is unnecessary in hCard markup directly since the version will be defined by the profile of hCard that is used/referred to in the ‘profile’ attribute of the <head> element.
Live example
Here is Commercenet’s contact details, as a live hCard which will be detected, on this page, by microformat parsing tools:
CommerceNet
http://www.commerce.net/
Work:
169 University Avenue
Palo Alto, CA 94301
USA
Work +1-650-289-4040
Fax +1-650-289-4041
Email [email protected]
The mark-up, emboldening omitted for clarity, with the following semantic improvements:
abbr
to expand abbreviations- hyperlinking the org name with the url
<div> <a href="http://www.commerce.net/">CommerceNet</a> <div> <span>Work</span>: <div>169 University Avenue</div> <span>Palo Alto</span>, <abbr title="California">CA</abbr> <span>94301</span> <div>USA</div> </div> <div> <span>Work</span> +1-650-289-4040 </div> <div> <span>Fax</span> +1-650-289-4041 </div> <div>Email: <span>[email protected]</span> </div> </div>
More Examples
See hCard examples for more examples, including all examples from vCard RFC2426 converted into hCard.
Examples in the wild
This section is informative. The number of hCard examples in the wild has expanded far beyond the capacity of being kept inline in this specification. They have been moved to a separate page.
See hCard Examples in the wild.
Implementations
This section is informative. The number of hCard implementations has also expanded beyond the capacity of keeping them inline. They have been moved to a separate page.
See hCard Implementations.
Articles
This section is informative. For further reading on hCard see hCard articles.
Buttons
You can use these buttons on pages with hCards. See buttons#hCard for any recent additions.
Copyright
Per the public domain release on the authors’ user pages (Tantek Çelik, Brian Suda) this specification is released into the public domain.
Public Domain Contribution Requirement. Since the author(s) released this work into the public domain, in order to maintain this work’s public domain status, all contributors to this page agree to release their contributions to this page to the public domain as well. Contributors may indicate their agreement by adding the public domain release template to their user page per the Voluntary Public Domain Declarations instructions. Unreleased contributions may be reverted/removed.
Patents
This specification is subject to a royalty free patent policy, e.g. per the W3C Patent Policy, and IETF RFC3667 & RFC3668.
References
Normative References
Informative References
This section is informative.
Specifications That Use hCard
Similar Work
This section is informative.
Inspiration and Acknowledgments
This section is informative.
Thanks to: my good friend Vadim who introduced me to vCard many years ago, and if I’d only paid more attention then, perhaps I could have helped a lot of people avoid wasting a lot of time reinventing various standards wheels.
Notes on derivation from vCard
This section is informative.
More Semantic Equivalents
For some properties there are HTML elements which better match and convey their semantics. The following properties SHOULD be encoded with the following HTML:
URL
in vCard becomes<a href="...">...</a>
inside the element withclass="vcard"
in hCard.- Similarly,
EMAIL
in vCard becomes<a href="mailto:...">...</a>
PHOTO
in vCard becomes<img src="..." alt="Photo of ..." />
or<object data="..." type="...">Photo of ...</object>
UID
in vCard simply becomes another semantic applied to a specific URL (or EMAIL) for an hCard.
Singular and Plural derivations
The lists of singular and plural properties have been derived by analyzing the semantics of the individual properties in vCard RFC2426 and determining logically that they MUST be singular per their semantics. See hcard-singular-properties for explanations.
Plural Properties Singularized
Since plural property names become their singular equivalents, even if the original plural property permitted only a single value with multiple components, those multiple components are represented each with their own singularly named property and the the property is effectively multivalued and subject to the above treatment of multivalued properties.
Related Pages
The hCard specification is a work in progress. As additional aspects are discussed, understood, and written, they will be added. These thoughts, issues, and questions are kept in separate pages.
Translations
The English version of this specification is the only normative version. Read the hCard specification in additional languages:
Help translate hCard into more languages.
что такое, hcard, использование со schema org, проверка яндекс
Эта статья адресована тем, кто еще не знает, что такое микроразметка и как правильно ее использовать в верстке сайта. Мы рассмотрим общие принципы микроразметки и остановимся подробней на одном из ее видов – микроформатах.
Что такое микроформаты?
Микроформаты – это один из популярных типов семантической микроразметки сайтов. Новичков сайтостроения и начинающих оптимизаторов не устроит такое объяснение, поскольку сразу возникает вопрос – что же такое микроразметка? Чтобы страница сайта была максимально понятна не только людям, но и роботам, используют специальные пометки, незаметные для людей, но понятные для машин. Это и есть микроразметка.
Семантическая разметка состоит из словаря и синтаксиса. Словарь – это набор терминов, с помощью которых описывается контент страницы. А синтаксис – это способ описания. Микроформаты объединяют в себе функции и словаря, и синтаксиса.
Впервые они были разработаны в 2007 году и до сих пор активно применяются для разметки страниц. Замысел разработчиков был в том, чтобы для простоты использовать уже существующий язык HTML. Это способствовало широкому распространению этого стандарта.
Приведем другие популярные словари:
- schema.org – удачная попытка сделать единый словарь, понятный всем поисковым системам;
- Open Graph – разработка Facebook, сейчас активно используется всеми социальными сетями;
- Data Vocabulary – словарь, придуманный Google, но уже устаревший из-за появления schema.org ;
- Dublin Core – появился как словарь, предназначенный для библиотек;
- Good Relations – используется для электронной коммерции;
- FOAF – социальный словарь для взаимодействия людей.
Помимо синтаксиса microformats.org наиболее популярными являются Microdata (микроданные) и RDFa. Микроданные чаще всего используются со словарем schema.org, а RDFa с Open Graph.
Зачем нужны микроформаты?
Как было сказано выше, микроформаты нужны для передачи поисковым системам точных сведений о содержании страницы. Какой в этом практический смысл для владельца сайта? Влияет ли ее наличие на ранжирование? Специалисты поисковиков утверждают, что напрямую не влияет.
Но если внимательней посмотреть на механизм взаимодействия семантической разметки сайта и поисковой системы, то можно выделить следующие факторы благотворно влияющие на их отношения:
- Используя информацию, полученную с помощью микроразметки, поисковики смогут сделать красивый и информативный сниппет. Это, в свою очередь, улучшает показатель CTR (кликабельности).
- Повышается релевантность выдачи запросу пользователя, что тоже повышает CTR.
- Информация заносится в базу поисковой системы и может быть использована в различных сервисах.
- В глазах поисковиков улучшается структурированность информации на сайте, что они очень любят.
Все вышеперечисленное может положительно сказаться на рейтинге сайта в поисковой выдаче и позволит при прочих равных обогнать конкурентов, которые не используют микроразметку.
Как использовать микроформаты?
Сейчас существует десяток спецификаций микроформатов в разных областях знаний. Каждый микроформат обладает своими свойствами. Наиболее популярный и важный – это микроформат hcard. На его примере посмотрим, как использовать микроформаты на практике.
Микроформат hCard
Этот микроформат предназначен для разметки контактной информации. Его можно использовать как для описания компаний, так и для отдельных персон. hСard имеет следующие свойства:
- n — структурированное представление имени;
- fn – имя в виде строки;
- bday — дата рождения;
- org — наименование организации;
- geo — географическая широта и долгота;
- tz — часовой пояс;
- uid — уникальный идентификатор;
- photo — фотография или рисунок;
- adr — адрес;
- tel – телефон;
- url – адрес сайта;
- email.
Приведем пример использования.
Страничка без разметки.
<div>
<div>Иван Оптимальный</div>
<div>ООО «Идеальный Оптимизатор»</div>
<div>333-222-33-22</div>
<a href=»http://optimus.com/»>http:// optimus.com/</a>
</div>
| <div> <div>Иван Оптимальный</div> <div>ООО «Идеальный Оптимизатор»</div> <div>333-222-33-22</div> <a href=»http://optimus.com/»>http:// optimus.com/</a> </div> |
Та же страница с микроформатом hСard.
<div>
<div>Иван Оптимальный</div>
<div>ООО «Идеальный Оптимизатор»</div>
<div>333-222-33-22</div>
<a href=»http:// optimus.com/»>http://optimus.com/</a>
</div>
| <div> <div>Иван Оптимальный</div> <div>ООО «Идеальный Оптимизатор»</div> <div>333-222-33-22</div> <a href=»http:// optimus.com/»>http://optimus.com/</a> </div> |
Сначала нужно объявить, какой микроформат используется. hCard обозначается как класс ”vcard”. Значения свойств (имя, компания, телефон, сайт) заключаются в соответствующий тег. Здесь это тег <div>. Ему присваивается атрибут class с именем свойства. Эти свойства могут быть вложенными в другие.
Другие микроформаты
Приведем некоторые другие популярные микроформаты, которые поддерживаются поисковыми системами:
- hProduct — карточка товаров;
- hCalendar — события;
- hAtom — ленты новостей;
- hRecipe — кулинарные рецепты.
Всего существует несколько десятков вариантов, и периодически возникают новые.
Особенности применения
В одном документе может присутствовать микроразметка разных видов. Например, микроформаты хорошо сочетаются с Open Graph. Первые ориентированы на парсеры, а второй хорошо взаимодействует с социальными сетями.
После внесение разметки на страницы сайта нужно обязательно проверить наличие ошибок соответствующими сервисами.
Валидатор микроразметки Яндекс
https://webmaster.yandex.ru/tools/microtest/
Проверка структурированных данных Google
https://search.google.com/structured-data/testing-tool
Средства проверки разметки Bing
https://www.bing.com/toolbox/markup-validator
Микроформаты можно и нужно использовать и в CMS – в WordPress, в Joomla и других. Прописывать их можно вручную или с помощью специальных плагинов. При использовании сторонних шаблонов, нужно сначала проверить их в валидаторе. Часто в шаблонах уже присутствует микроразметка, иногда с ошибками.
Микроформат hCard: что такое микроразметка hCard?
Москва
г. Москва, ул. Нобеля 7, п. 56
+7 (800) 700-59-30
Поисковая система Яндекс поддерживает только микроформаты hCard и hRecipe. hCard используется для разметки контактных данных компаний или людей. Микроформат может быть включен в HTML, XHTML, RSS, XML и ATOM.
Обработка Яндексом микроформата hCard
Вебмастер, размещая на сайте блоки в формате hCard, сообщает поисковой системе название, адрес, телефон и другие сведения об организации или человеке. Робот обрабатывает разметку одновременно с индексацией страницы. Извлеченные данные могут отображаться в Яндекс.Справочнике, Яндекс.Адресах, Яндекс.Картах и других сервисах, а также под сниппетом сайта на странице выдачи. При обработке поисковой системой в обязательном порядке проверяется корректность извлеченной информации. Компании, добавленной в Яндекс.Справочник, присваивается одна или ряд категорий в зависимости от сферы ее деятельности. Контактные данные закрепляются только за официальным сайтом компании и показываются в каталоге рядом с ним.
Элементы формата
Карточка компании должна полностью соответствовать требованиям микроформата hCard: родительский (корневой) элемент — vcard, внутри него располагаются остальные (свойства).
Обязательные. К обязательным элементам микроформата hCard относятся:
- название организации (fn и org). Их значения должны совпадать. Рекомендуется использовать оба класса в одном элементе;
- адрес (adr). Должен быть максимально подробным. Яндекс обрабатывает вложенные свойства country-name (страна), region (область), locality (населенный пункт), postal-code (индекс), street-address (улица, дом), extended-address (номер подъезда, этаж и т.д.). Каждое свойство необходимо использовать один раз;
- адрес официального сайта компании (url). Ссылка должна вести на страницу, расположенную на том же домене, что и карточка.
Необязательные. Поисковая система Яндекс поддерживает ряд необязательных элементов:
- сфера деятельности (category). Используется для присвоения компании правильной категории в Яндекс.Справочнике;
- географические координаты в градусах (geo). Должны соответствовать адресу компании,
- электронный адрес компании (email). Указывается в виде ссылки или текста,
- номер телефона (tel). В формате — с кодом страны и города,
- график работы компании (workhours).
Все другие свойства микроформата hCard Яндекс игнорирует.
Микроформат hCard — разметка контактных данных
Всем привет. Сегодня наткнулся на новость, что Яндекс начал поддерживать микроформат hCard. Hcard — это открытый и широко используемый микроформат публикации контактной информации в определенном структурированном виде. HCard широко используется во всем мире и он удобен не только для людей, но и для поисковых роботов.
«Зачем это нужно?» — спросите вы. Да затем, что координаты вашей фирмы (офиса) на яндекс картах, в справочнике организаций и других сервисах будут появляться автоматически. Кроме того, Яндекс сможет самостоятельно обновлять изменения ваших телефонов и e-mail, а также выводить контактные данные в поисковой выдаче — используйте hCard.
На сегодняшний день очень мало информации о СЕО продвижении landing page, поэтому нельзя пренебрегать рекомендациями поисковых систем в оформлении тех или иных элементов.
Вот как предлагает сам Яндекс оформлять контакты подобного рода:
Пиццерия Челентано
г. Енакиево, просп. Металлургов, д. 23
Телефон: +8 (06252) 5-18-40
Мы работаем ежедневно с 11:00 до 24:00
<div> <div> <span>Пиццерия</span> <span>Челентано</span> </div> <div> <span>г. Енакиево</span>, <span>просп. Металлургов, д. 23</span> </div> <div>Телефон: <span>+8 (06252) 5-18-40</span></div> <div>Мы работаем <span>ежедневно с 11:00 до 24:00</span> <span> <span title="http://www.chekentano.ru"> </span> </span> </div> </div>
А на сегодня — все! Теперь, с разметкой hCard, Яндекс к вам станет относиться чуточку теплее. Более подробно с разметкой можно ознакомиться здесь. Всем пока!
Микроформат hcard: что это такое
Микроформат hСard представляет собой широко распространенный во всем мире формат, служащий в целях публикации в структурированном виде контактной информации.
Основой данного микроформата являются стандартные элементы языка HTML. Идея его проста: данные, имеющиеся на веб-ресурсе, специальным образом размечаются, для того чтобы быть понятными как людям, так и поисковым роботам.
Рассмотрим на примере. На странице с контактными данными необходимо разместить следующий контент.
Кафе Пикассо
г. Екатеринбург, ул. Ленина, д. 35.
Телефон: 8-800-215-35-43
Режим работы: ежедневно с 11.00 до 23.00
Такую карточку организации с легкостью можно перевести в микроформат hCard. HTML-запись будет выглядеть следующим образом:
Кафе
Пикассо
г. Екатеринбург ,
ул. Ленина, д. 35
Телефон: 8-800-215-35-43
Режим работы: ежедневно с 11.00 до 23.00
Каким образом осуществляется работа Яндекса с hCard?
Использование данного микроформата позволяет сообщить Яндексу все данные о представленной организации. Достаточно поместить на сайте заполненную в формате hCard карточку. При этом важно помнить, что все эти сведения окажутся доступными как Яндексу, так и иным приложениям, которые собирают информацию в Интернете.
Обработка hCard-разметки происходит вместе с индексацией ресурса поисковиком Яндекс. Полученная адресная информация поступает в Справочник организаций и появляется в различных Яндекс-сервисах.
Размеченную информацию можно увидеть:
- На странице поисковой выдачи под описанием сайта;
- На карте, если пользователь решил отыскать организацию.
При этом правильность информации обязательно проверяется. В случае неправильного указания адреса или недействительного названия компании данные вноситься в справочник не будут. В зависимости от сферы деятельности организация при добавлении в справочник она будет отнесена в одну или несколько категорий.
Контактная информация привязывается исключительно к официальному сайту организации и высвечивается лишь рядом с ним.
Размещая на своем ресурсе информацию в микрофомате hCard, вы не получаете 100% гарантии, что информация появится в справочнике организаций или же в каком-нибудь другом сервисе Яндекса. Дело в том, что данная поисковая система вправе сама выбирать, какую информацию использовать, а какую нет. Также поисковик может выбрать лишь часть информации и совмещать ее с полученной из других ресурсов.
Обработка данных карточек осуществляется лишь для России, Украины, Казахстана и Беларуси.
HCard — Википедия
Материал из Википедии — свободной энциклопедии
hCard (сокращение для HTML vCard) — микроформат для публикации контактной информации людей, компаний, организаций и мест в (X)HTML, Atom, RSS или произвольном XML. hCard является представлением один к одному параметров и значений формата vCard (RFC 2426).
Пример
HTML:
<div> <div>Вася Пупкин</div> <div>ООО «Рога и Копыта»</div> <div>604-555-1234</div> <a href="http://example.com/">http://example.com/</a> </div>
С добавлением микроформатов выглядит так:
<div> <div>Вася Пупкин</div> <div>ООО «Рога и Копыта»</div> <div>604-555-1234</div> <a href="http://example.com/">http://example.com/</a> </div>
Используемые здесь полное имя (fn), организация (org), телефонный номер (tel) и веб-адрес (url) определены с использованием определённых имён классов, а для всего блока задан class="vcard"
, который показывает, что другие классы принадлежат hCard.
Geo + adr
Микроформат Geo является частью спецификации hCard и часто используется для включения координат местоположения внутри hCard.
Часть adr микроформата hCard может быть использована как самостоятельный микроформат.
Реальный пример
Это контактная информация Фонда Викимедиа в формате hCard:
Wikimedia Foundation Inc.
200 2nd Ave. South #358
St. Petersburg, FL 33701-4313
USA
Телефон: +1-727-231-0101
E-mail: [email protected]
Факс: +1-727-258-0207
Разметка данного блока выглядит так:
<div> <div>Wikimedia Foundation Inc.</div> <div> <div>200 2nd Ave. South #358</div> <div> <span>St. Petersburg</span>, <abbr title="Florida">FL</abbr> <span>33701-4313</span> </div> <div>USA</div> </div> <div>Телефон: <span>+1-727-231-0101</span></div> <div>E-mail: <span>[email protected]</span></div> <div> <span><span>Факс</span>: <span>+1-727-258-0207</span></span> </div> </div>
Другие атрибуты
Другие обычно используемые атрибуты hCard включают
bday
— дата рождения персоныemail
honorific-prefix
honorific-suffix
label
logo
nickname
note
— произвольный текстphoto
post-office-box
См. также
Ссылки
примеров hCard — Microformats Wiki
Примеры hCard.
Авторы
Инструктивные примеры
Авторы страниц и сообщений
Согласно спецификации HTML4.01, авторы должны использовать элемент
<адрес> Тантек Челик
Добавляя hCard к такому существующему семантическому XHTML, вы можете явно указать имя человека, его URL-адрес и т. Д.:
<адрес> Тантек Челик
Это может отображаться как:
Тантек Челик
Это работает не только для целых страниц, но также и для «большей части [ек]» страниц, например Сообщения в блоге.
См. Живой пример в блоге microformats.org (см. Исходный код). Автор каждого сообщения в блоге microformats.org помечается как элемент
Ссылки на людей и организации
Обычный шаблон в сообщениях в блогах — это ссылки на имена людей в их блогах и / или организации на их домашние страницы. Например.:
Эрик Мейер написал сообщение ( Налоговые послабления ) о непреднамеренно юмористическом письме, которое он получил от Налоговая служба .
Добавляя hCard к такой разметке, вы можете явно указать и человека, и организацию по имени и URL:
Эрик Мейер написал сообщение ( Налоговые послабления ) о непреднамеренно юмористическом письме, которое он получил от Налоговая служба .
Обратите внимание на имена классов «fn org url» в гиперссылке вокруг IRS. Использование одного и того же значения (или элемента) для «fn» и «org» указывает на то, что hCard описывает организацию, а не человека.
Это может отображаться как:
Эрик Мейер написал сообщение ( Tax Relief ) о непреднамеренном юмористическое письмо он получил от налоговой службы.
человек, работающий в организации
Люди часто ассоциируют себя с компанией или организацией, в которой они работают.Например.
Джереми Кейт ,
Clearleft
Конечно, в наши дни почти у каждого есть URL-адрес как для себя, так и для своей компании. Добавить URL-адрес человека из приведенного выше примера hCard очень просто:
Джереми Кейт ,
Clearleft
Но для добавления URL-адреса компании нет свойства «org-url» (и его не должно быть), вместо этого используйте модульность и вложенную карту hCard для самой компании:
Джереми Кейт ,
Clearleft
Кроме того, если это лицо hCard находится на странице, которая их представляет (например, является репрезентативной hCard), то вы также можете использовать экспериментальные отношения rel-group в гиперссылке на компанию, чтобы указать, что компания является «группой», которая человек принадлежит.
Джереми Кейт ,
Clearleft
hCard и XFN
Ссылки на людей в сообщениях блога
В приведенном выше примере один человек (блогер) имеет в виду другого человека (Эрик Мейер). Помимо использования hCard для явной разметки ссылки как человека, блоггер может использовать XFN (сеть друзей XHTML), чтобы указать свое отношение к Эрику Мейеру, например:
Эрик Мейер написал сообщение ( Налоговые послабления ) о непреднамеренно юмористическом письме, которое он получил от Налоговая служба .
Он будет отображаться так же, как в предыдущем примере.
Ссылки на людей в блогах
Многие блоггеры используют XFN (часто используя простой пользовательский интерфейс, подобный тому, который встроен в WordPress), чтобы явно указать свои отношения с людьми в своих блогах:
Добавляя разметку hCard в XFN Friendly blogroll, вы можете явно указать имя и URL-адрес человека в дополнение к его родству:
Что может отображаться как:
Это называется hCard + XFN, поддерживающим списки друзей, и является ключевым строительным блоком для переносимости социальных сетей.
Для получения дополнительной информации о XFN см. Домашнюю страницу XFN, присоединение к XFN и справочную информацию о XFN.
Этот метод используется в плагине WP Microformatted Blogroll для WordPress.
Новые типы контактной информации
С момента разработки vCard RFC 2426 появилось множество других служб, которые предоставляют людям адреса или другие средства связи, например.г. обмен мгновенными сообщениями, VoIP и т. д.
Означает ли это, что vCard (и, следовательно, hCard) должны быть расширены для их представления?
Благодаря гибкости свойства URL, ответ — нет, расширения не требуются. Вместо этого мы используем правильный URL-адрес для службы, которая идентифицирует службу (протокол, компьютер и / или путь), и помещаем в него индивидуальный адрес.
- vCard для этого была расширена . Следует ли принять новое свойство «IMPP»? TobyInk 10:03, 17 марта 2008 г. (PDT)
- impp находится в vcard4 и включен в h-card.Его можно использовать для некоторых (но не для всех, во всяком случае) из следующего. Тантек 18:17, 24 ноября 2012 г. (UTC)
Ниже описаны несколько протоколов — подробнее см. Этот пост:
Программа обмена мгновенными сообщениями AOL (AIM)
Идентификаторы
AOL Instant Messenger (AIM) могут быть представлены с использованием протокола aim:
. Многие, кто публикует свои идентификаторы AIM, делают это с помощью интерактивных URL-адресов, например:
Обмен мгновенными сообщениями с AIM ShoppingBuddy
Таким образом, для hCard мы воспользуемся этим существующим поведением издателя контента и просто зафиксируем его как другой URL-адрес для hCard:
Обмен мгновенными сообщениями с AIM ShoppingBuddy
Gtalk
Для Gtalk вы можете использовать такие URL, как:
gtalk: chat? Jid = USERNAME & from_jid = YOURNAME
ИМЯ ПОЛЬЗОВАТЕЛЯ и ВАШЕ ИМЯ должны быть вашими[email protected]. Параметр from_jid является необязательным, и его следует указывать, только если вы используете несколько учетных записей.
Помимо chat
, вы также можете использовать следующие действия:
-
call
— для голосового вызова
Yahoo! Посланник
Аналогично Yahoo! Идентификаторы Instant Messenger (YIM) могут быть представлены с использованием протокола ymsgr:
. И точно так же многие публикуют свои YIM-идентификаторы как интерактивные URL-адреса, например:
Обмен мгновенными сообщениями с SomeYahooFriend
Опять же, для hCard мы воспользуемся этим существующим поведением издателя контента и просто зафиксируем его как другой URL-адрес для hCard:
Обмен мгновенными сообщениями с SomeYahooFriend
Помимо sendIM
, вы также можете использовать следующие действия:
Посланник MSN
Идентификаторы
MSN Messenger (MSNIM) могут быть представлены с использованием протокола msnim:
.И точно так же многие публикуют свои идентификаторы MSNIM как интерактивные URL, например:
Обмен мгновенными сообщениями с [email protected]
Для hCard мы воспользуемся этим существующим поведением издателя контента и просто зафиксируем его как другой URL-адрес для hCard:
Обмен мгновенными сообщениями с [email protected]
Помимо чата
, вы также можете использовать следующие действия:
-
добавить
— добавить контакт -
голос
— сделать голосовой вызов -
видео
— для видеозвонка
См. Связанные проблемы.
XMPP (Jabber)
Идентификаторы
Extensible Messaging and Presence Protocol (XMPP) могут быть представлены с использованием протокола xmpp:
, например:
IM с [email protected]
Протокол позволяет использовать гораздо более богатые URL-адреса, см. RFC4622.
Есть много текущих клиентов, поддерживающих протокол.
Skype
Учетные записи в услуге передачи голоса по IP Skype могут быть представлены с использованием протокола skype:
.Его можно использовать, чтобы открыть сеанс чата или позвонить в Skype.
IM с эхо-службой Skype (китайский)
Звонок Skype в службу эхо Skype (китайский)
Таким образом, для hCard мы могли бы перенять существующее поведение издателя контента и просто зафиксировать его как другой URL-адрес для hCard:
IM с эхо-службой Skype (китайский)
Звонок Skype в службу эхо Skype (китайский)
ICQ
ICQ не имеет схемы URL.Скорее ссылки ICQ в Интернете используют гиперссылки HTTP для загрузки ресурса типа контента application / x-icq
, который затем открывается операционной системой с клиентом ICQ пользователя.
Таким образом, мы можем разметить эти HTTP-гиперссылки с явно заданным типом содержимого для передачи семантики ICQ:
<а type = "application / x-icq" href = "http://www.icq.com/people/cmd.php?uin=[ICQNUMBER visible&action=message"> Связаться с ICQ
Замена [ICQNUMBER] на фактический номер ICQ пользователя.
Профили сайта
Блоггеры часто указывают свою личность на службах хостинга контента, используя URL-адрес своей домашней страницы, ленты новостей или профиля в этих службах. Помечая их как свойства URL, эти дополнительные аспекты идентичности также могут быть опубликованы в hCard.
список других ваших профилей
Наиболее распространенный случай, когда сайты перечисляют другие профили, — это блоггер, перечисляющий свои собственные профили, или сайт, позволяющий пользователю размещать в своем профиле на этом сайте ссылки на другие свои профили.Поскольку автор / пользователь явно указывает, что все эти профили означают одного и того же человека, лучше всего пометить их с помощью XFN — XHTML Friends Network rel = "me"
для явной консолидации идентичности, например если эти ссылки были в блоге Tantek или другом профиле социальной сети:
Такая явная управляемая пользователем консолидация идентичности также является ключевым строительным блоком для переносимости социальных сетей, что дополнительно объясняется в контексте поддерживающих hCard + XFN списков друзей.
Канонические профили на сайтах
Сайты иногда имеют разные страницы для «домашней» страницы для человека и страницы профиля пользователя этого человека.
Например, на Flickr есть:
Кроме того, сайты часто имеют канонический URL-адрес для человека и несколько альтернативных URL-адресов.
Как отмечалось выше, ссылки на эти URL внутри hCards, которые представляют этих людей, должны иметь имя класса «url».
Кроме того, такие ссылки в hCards на канонический URL для человека на этом сайте также должны иметь имя класса «uid». Этот метод был предложен Райаном Кингом на первой встрече в обеденное время в социальной сети.
На основе примеров из предыдущего раздела:
Такое свойство «url» + «uid» может также использоваться сайтом в качестве URL-адреса OpenID этого человека.
Эта работа была разработана в формате hCards. Посетите его, чтобы узнать о последних новостях в этой области.
Организации и подразделения
Отделы размечаются с использованием имени класса «organization-unit» внутри элемента «org», причем «название-организации» специально размечено, чтобы отличить его от отдела:
Спринклерные установки U.A. Местный 483Центр производственного обучения
Отдел также может быть частью адреса, и в этом случае вы можете явно пометить его как «расширенный адрес» в дополнение к «организационной единице».
Спринклерные установки U.A. Местный 483Центр производственного обучения2531 Barrington CourtХейворд , Калифорния 94545
Обратите внимание, что, вложив организацию в адрес, мы избежали необходимости дублировать название отдела.
Списки организаций
Подобно спискам людей, списки организаций (например, музыкальных групп) должны использовать список (неупорядоченный, если нет особой причины для его заказа) с элементами списка и гиперссылками на домашние страницы соответствующей организации.
Например, этот простой шикар:
можно легко расширить с помощью hCard:
RFC 2426 примеры в hCard
См .: hcard-examples-rfc2426.
Тестовые наборы
Это примеры hCard, которые оказались особенно полезными при поиске ошибок в парсерах hCard (например,г. X2V).
Проблема с информацией о BDAY
этот пример:
День рождения 27 октября 1985 г.
должен выдавать «BDAY: 1985-10-27T00: 00: 00Z», но он производит «BDAY: Birthday 27 October 1985» [в чем? это утверждение кажется бессмысленным]. Интересно то, что адресная книга Apple по-прежнему готова принять это таким образом.
- Возможно, вызвано ошибкой синтаксического анализа HTML, поскольку
и
не допускаются в качестве дочерних для.case-INSENSITIVITY значений типа
этот пример работает с X2V:
- Телефон ( домашний )
- +438123418
этого нет, но должен. но вместо этого он становится просто TEL без типа в vcard
- Телефон ( Домашний )
- +438123418
ГЕО парсинг
Следующая карта hCard:
Фредерик де Вильямиль нейро pref ошибочный адрес электронной почты Оматис Франция домашний адрес почта и посылки : Рю Дантон, 12 Ле Кремлен-Бисетр 94270 Франция N 48 ° 81.6667 E 2 ° 36.6667Необходимо перевести на следующую визитку:
НАЧАТЬ: VCARD ВЕРСИЯ: 3.0 URL: http: //t37.net ORG: Omatis ;; NICKNAME: нейро FN: Фредерик де Вильямиль N: де Вильямиль; Фредерик ;; Мистер; EMAIL; TYPE = INTERNET, PREF: [email protected] ADR; TYPE = HOME: ;; 12 rue danton; le Kremlin-Bicetre ;; 94270; Франция GEO: 48.816667; 2.366667 КОНЕЦ: VCARD
X2V в настоящее время (2005-12-18) вообще не может анализировать / экспортировать свойство GEO.
связанные страницы
Спецификация hCard находится в стадии разработки. По мере обсуждения, понимания и написания дополнительных аспектов они будут добавляться. Эти мысли, проблемы и вопросы хранятся на отдельных страницах.
Переводы
.
h-card — Microformats Wiki
h-card — это простой открытый формат для публикации людей и организаций в Интернете. h-card часто используется на домашних страницах и в отдельных сообщениях в блогах. h-card — один из нескольких проектов открытых стандартов микроформатов, пригодных для встраивания данных в HTML.
h-card — это микроформат2, обновленный до hCard 1.0.
- Статус
- Это живая спецификация , но достаточно зрелая, чтобы поощрять дополнительные реализации и отзывы.
- Участвовать
- Открытые выпуски
- # микроформаты на freenode: # микроформаты на Freenode
- Лицензия
- Согласно CC0, насколько это возможно в соответствии с законом, редакторы отказались от всех авторских и смежных прав на эту работу. Кроме того, с 27 сентября 2020 г. редакторы сделали эту спецификацию доступной в рамках соглашения Open Web Foundation Agreement версии 1.0.
Пример
Вот пара минимальных примеров:
Тантек Челик , microformats.org
Разобрано JSON:
{ "Предметы": [ { "type": ["h-card"], "properties": { "name": ["Tantek elik"], "url": ["https://tantek.com/"] } }, { "type": ["h-card"], "properties": { "name": ["microformats.org"], "org": ["microformats.org"], "url": ["https: // микроформаты.org / "] } } ] }
Обратите внимание, что для примера простого человека с подразумеваемыми свойствами имени и URL-адреса было достаточно одного элемента, в то время как для организации, требующей имени и организации, требовалась явная разметка для h-карты и всех свойств, хотя по-прежнему с двумя элементами .
Пример вложенной h-карты:
<а href = "https://blog.lizardwrangler.com/" > Митчелл Бейкер ( Mozilla Foundation )Разобрано JSON:
{ "Предметы": [{ "type": ["h-card"], "properties": { "name": ["Митчелл Бейкер"], "url": ["https: // blog.lizardwrangler.com/ "], "org": [{ "value": "Mozilla Foundation", "type": ["h-card"], "properties": { "name": ["Mozilla Foundation"], "url": ["https://mozilla.org/"] } }] } }] }
Примечание: вложенная h-карта подразумевает свойства ‘name’ и ‘url’, как и любая другая h-карта только для имени корневого класса на
Начать
Класс
h-card
— это имя корневого класса , которое указывает на наличие h-карты.Для минимальных примеров, где требуется не более
p-name
,u-url
иu-photo
(например, первое из приведенных выше), требуется только имя корневого класса — см. Подразумеваемые свойства.Когда требуется более трех минимальных свойств, имя корневого класса должно быть помещено в элемент, который включает все желаемые свойства, а затем сами свойства размечены с использованием имен классов, указанных ниже.
См. Спецификацию синтаксического анализа microformats2, чтобы узнать больше об именах классов свойств.
Недвижимость
свойства h-card, внутри элемента с классом h-card . Все свойства необязательны и могут быть множественными.
Пример h-карты с общими свойствами:
-
-
Салли Райд
-
Доктор
-
Салли
-
К.
-
Поездка
-
Тел.Д. ,
-
салликрид (IRC)
- Салли Райд Сайенс
-
-
w ,
-
e
- +1.818.555.1212
- Главная ул., 123
-
Лос-Анджелес ,
-
Калифорния ,
-
91316
- США
-
день рождения
- физик
- Первая американка в космосе
-
Основные свойства:
-
p-name
— полное / форматированное имя человека или организации -
p-honorific-prefix
— e.г. Миссис, мистер или доктор -
p-given-name
— данное (часто первое) имя -
p-additional-name
— другое (например, отчество) -
p-family-name
— фамилия (часто фамилия) -
p-sort-string
— строка для сортировки по -
p-honorific-суффикс
— например, Доктор философии, эсквайр -
р-ник
— ник / псевдоним / ручка -
u-email
— адрес электронной почты -
u-logo
— логотип, представляющий человека или организацию (напр.г. значок лица) -
u-photo
— фото человека или организации -
u-url
— домашняя страница или другой URL-адрес, представляющий человека или организацию -
u-uid
— универсальный уникальный идентификатор, желательно канонический URL -
p-категория
— категория / тег -
p-adr
— почтовый адрес, можно добавить h-adr -
p-post-office-box
— описание почтового ящика при наличии -
p-extended-address
— название / номер квартиры / апартамента / комнаты, если есть -
p-street-address
— номер дома + название -
п-местность
— город / поселок -
р-регион
— штат / округ / провинция -
p-postal-code
— почтовый индекс, e.г. США ZIP -
p-country-name
— название страны -
p-этикетка
-
p-geo
илиu-geo
, опционально встроить h-geo -
p-latitude
— десятичная широта -
p-longitude
— десятичная долгота -
p-altitude
— высота в десятичной дроби -
п-тел
— номер телефона -
p-note
— дополнительные примечания -
dt-bday
— дата рождения -
u-key
— криптографический открытый ключ e.г. SSH или GPG -
p-org
— аффилированная организация, опционально можно вставить h-card -
p-job-title
— должность, ранее «title» в hCard 1.0, устранена. -
p-role
— описание роли -
u-impp
согласно RFC4770, новое в vCard4 (RFC 6350) -
p-sex
— биологический пол, новый в vCard4 (RFC 6350) -
p-гендерная идентичность
— гендерная идентичность, новое в vCard4 (RFC 6350) -
dt -iversary
Экспериментальные свойства, которые в настоящее время используются в дикой природе, но (пока) не являются частью официальной спецификации h-card.
-
u-sound
— звуковой файл, содержащий правильное произношение свойства name для vCard (RFC 6350).
Статус
h-card — это проект спецификации на сайте microformats.org. Публичное обсуждение h-card проходит на канале #microformats на irc.freenode.net (см. Недавние обсуждения), а конкретные вопросы могут быть зарегистрированы на GitHub.
h-card готова к использованию и реализована в дикой природе. Для обратной совместимости вы также должны пометить h-карты верхнего уровня как классические hCards.
Подробная информация об объекте
(заглушка, до расширения)
п-адр
p-adr
может дополнительно встраивать h-adr в свойства структурированного адреса, связанные с кластером. Например. добавив «p-adr» в предыдущий пример:Джо Блоггс
17 Austerstræti Рейкьявик Исландия
Вопрос: Зачем использовать p-adr для кластеризации связанных свойств структурированного адреса?
A: Потому что, если у вас есть более одного структурированного адреса, кластеризация того, какие свойства сочетаются с каким адресом, сохраняет их детерминированно вместе, а не зависит от индексов массива или других эвристик.
п-тел
Примечание: использование «значения» в «p-tel» должно автоматически обрабатываться при поддержке шаблона класса значений. А пока бывшее подсвойство ‘type’ hCard 1.0 для ‘tel’ отбрасывается / игнорируется. Если есть очевидная и задокументированная потребность в дополнительных типах телефонов (например, факс), мы можем ввести новые свойства квартиры по мере необходимости (например, p-tel-fax).
dt-bday
Использование усеченных представлений дат для даты рождения часто является хорошей практикой, как указано в спецификации vcard, например
-
1985-04
на апрель 1985 г. -
1985
за 1985 год -
--04-12
на 12 апреля без указания года
Зарезервированные объекты недвижимости
Зарезервированные свойства (на практике мало используются, если вообще используются):
-
p-название-организации
-
p-организационная единица
-
p-tz
— смещение часового пояса, e.г.PST
-
dt-rev
Примеры в дикой природе
Реальные примеры сайтов и сервисов, которые публикуют или потребляют h-card:
офлайн
- равномерно размечает страницы с постоянными ссылками с минимальными h-картами внутри h-entry
Проверка
Тестируйте и проверяйте разметку микроформатов2 в целом с помощью:
Реализации
Программные реализации, которые публикуют или используют h-card, включая темы, плагины или расширения:
(Этот раздел — заглушка, которую нужно расширить! На практике почти каждая CMS на каждом инди-сайте поддерживает публикацию h-card по умолчанию.)
При добавлении реализации предоставьте ссылку на ее домашнюю страницу и репозиторий с открытым исходным кодом, если таковые имеются.
Обратная совместимость
Совместимость с издателем
Для обратной совместимости вы можете использовать классические имена классов hCard 1.0 в дополнение к более перспективным свойствам h-card, например:
Джо Блоггс , Отличная некоммерческая организация ...
Класс
vcard
— это обратно совместимое имя корневого класса , которое указывает на наличие hCard 1.0.fn , org и все другие имена классов свойств hCard с обратной совместимостью перечислены ниже.
Совместимость с парсером
Анализаторам микроформатов СЛЕДУЕТ обнаруживать классические свойства, только если найдено классическое имя корневого класса, и анализировать их как свойства микроформатов2.
Если найдена «h-карта», не ищите «vcard» в том же элементе.
Совмест. имя корневого класса:
vcard
Свойства: (анализируется как обычный текст p- , если не указано иное)-
fn
— разобрать какp-name
-
почетный префикс
-
имя
-
доп. Имя
-
фамилия
-
почетный суффикс
-
ник
-
электронная почта
— разобрать как u- -
логотип
— разобрать как u- -
фото
— разобрать как u- -
url
— разобрать как u- -
uid
— разобрать как u- -
категория
-
adr
— синтаксический анализ какp-adr h-adr
, включая корневой класс соответствияadr
-
расширенный адрес
-
улица
-
населенный пункт
-
регион
-
почтовый индекс
-
название страны
-
этикетка
-
geo
— разобрать какp-geo h-geo
, включая корневой класс соответствияgeo
-
широта
-
долгота
-
тел.
-
примечание
-
bday
— разобрать как dt- -
ключ
— разобрать как u- -
орг
-
название организации
-
организационная единица
-
название
— разобрать как p-job-title -
роль
Зарезервировано: (свойства обратной совместимости, которые парсеры МОГУТ реализовать , если они это сделают, они ДОЛЖНЫ реализовать следующим образом:
Фон
Эта работа основана на существующей hCard 1.0 и спецификации vCard.
Принципы проектирования
(заглушка, развернуть)
Дополнения
Мы очень старались с h-card, чтобы оставаться совместимыми со словарем vCard4, и поэтому в список рассылки vCard4 следует предлагать дополнения.
Тем не менее, вы все равно можете использовать эту вики для записи дополнений для h-карты здесь:
См. Также
.Советы по созданию
hCard — Microformats Wiki
- короткий URL
- http://ufs.cc/w/hcarda
Эта страница содержит полезные советы и рекомендации по созданию hCards с нуля или путем добавления разметки к существующему содержимому.
Цель: Цель этого документа — предоставить несколько хороших интуитивно понятных руководств, которые должны максимально упростить и максимально ускорить для любого веб-автора создание hCard или добавление разметки hCard к существующему контенту.
Аудитория: Веб-авторы, дизайнеры, ИА. Этот документ написан для легкого использования и понимания любым веб-дизайнером, который знает хотя бы достаточно (X) HTML и CSS, чтобы использовать семантические имена классов HTML в элементах (т.е. posh) и писать селекторы CSS, которые применяют стили к этим именам классов. Пожалуйста, помогите с разъяснением / упрощением этого документа соответственно.
Автор (ы): Тантек Челик, Марк Рикерби
5-минутный учебник по использованию hCard
Представим статическую страницу, содержащую некоторые личные контактные данные, основная часть которых выглядит примерно так:
Свяжитесь со мной
Вы можете связаться со мной по электронной почте на адрес [email protected] , или пришлите мне материалы по следующему адресу:
255 Some Street,
Где-нибудь,
Какой-то городЭтот фрагмент содержит всю удобочитаемую информацию, необходимую для создания действительного представления hCard — все, что необходимо, — это добавить некоторую дополнительную структуру, которая определяет каждую конкретную деталь. Первое, что нужно сделать, это добавить класс-оболочку
vcard
к охватывающемуdiv
, который идентифицирует этот конкретный блок как hCard:В этом фрагменте заметно отсутствует одна вещь, так это имя того, к кому относятся эти контактные данные — это делает представленную информацию более неоднозначной и трудной для понимания.С такими вещами хорошо быть явным, и так уж получилось, что свойство name также является обязательным полем в hCard. Итак, давайте добавим его, используя класс
fn
:Свяжитесь со мной
Джейн Доу
Вы можете связаться со мной по электронной почте на адрес [email protected] , или свяжитесь со мной по следующему адресу:
255 Some Street,
Какой-то город,
Кое-гдеЕще одна вещь, которую мы можем сделать для улучшения семантики сниппета, — это пометить адрес с помощью «adr» и использовать теги
div
, поскольку на самом деле это не абзац.В то же время мы также должны избавиться от разметки во втором абзаце, заменив ее структурированными именами классов для компонентов почтового адреса:adr
, улица, адрес
, местность,
и. регион
. Мы также можем добавить классemail
к ссылке mailto, чтобы завершить структуру hCard:Свяжитесь со мной
Джейн Доу
Вы можете связаться со мной по электронной почте на адрес [email protected] , или свяжитесь со мной по следующему адресу:
255 Some StreetКакой-то городГде-нибудьИ это все, что нужно!
Помимо преимуществ наличия таких структурированных видимых данных, предоставление этих дополнительных имен классов также увеличивает возможности визуального дизайна.
Ссылки для добавления в адресную книгу
Когда вы обновляете свою контактную информацию для включения разметки hCard, вы также можете включить ссылку «Добавить в адресную книгу», чтобы ваши пользователи могли загрузить вашу контактную информацию в свою адресную книгу одним щелчком гиперссылки!
Вот пример такой ссылки:
добавить в адресную книгу
Просто замените ссылку на свою карту hCard на приведенный выше фрагмент URL tantek.com (обратите внимание, что подразумевается
http: //
, вы можете добавить его явно, если хотите).Если у вас есть более одной карты hCard на этой странице, вы должны поместить уникальный атрибут идентификатора на каждую, а затем поместить % 23yourIDhere в конце вашего кода href, где yourIDhere — это значение атрибута идентификатора, которое вы добавили hCard, для которой вы создаете ссылку.
Вы также можете использовать размещенную на сервере службу X2V Брайана Суда или загрузить и установить X2V XSLT с открытым исходным кодом самостоятельно и запустить его на своем собственном сервере вместо использования онлайн-сервиса конвертации hCard в vCard.
Создание новых hCards
Начните с создателя hCard, а дополнительные поля и свойства (например, номера телефонов, контакты для обмена мгновенными сообщениями) см. На странице примеров hCard.
Добавление разметки hCard к существующему содержимому
Естественный язык hCard
Возможно, у вас есть традиционное прозаическое описание себя.Начните с прочтения статьи Джереми Кейта «Adactio: Journal — Natural language hCard», которая дает хорошее краткое введение в искусство добавления разметки hCard к существующей биографии в прозе.
Недавний пост Джереми Год нулевой также содержит встроенную ссылку на hCard-ссылку на «Маларки» (которого цитировали), что весьма наглядно демонстрирует, как разметить простую гиперссылку на кого-то с очевидным псевдонимом:
<цитата> Malarkey
На самом деле он мог бы сделать это немного более семантическим, явно отметив, что «Маларки» — это прозвище Энди Кларка:
<цитата> Маларки
Точно так же ссылка только на сокращенное имя (например, Джули вместо Джульетта) на кого-то может быть помечена как таковая, здесь с добавлением XFN к гиперссылке:
Джули
Минимальные изменения разметки
При добавлении hCard к существующему содержимому имейте в виду, что hCard был разработан для семантического улучшения существующего содержимого, не влияя на его представление (или минимально). Таким образом: как можно меньше менять разметку. Если вы хотите, чтобы различные страницы были корректными XHTML и т. Д., Это нормально.
Во всех приведенных ниже примерах, где говорится о добавлении элемента с именем класса «
xyz
», сначала ищите существующий элемент, который точно окружает необходимое содержимое.Повторно используйте этот элемент, просто добавив имя класса «xyz
» (то есть добавьте «xyz» (без кавычек) к существующему атрибуту класса элемента или добавьте новый атрибут классаclass = «xyz»
к элементам без атрибут класса).например
станет:
...
и
...
станет:
...
Найдите людей или организации
Начните с поиска всех упоминаний людей или организаций на странице.Все это потенциальные карты памяти. Тем более, если они связаны с соответствующими URL-адресами (например, домашними страницами / блогами).
Если человек (или организация, в дальнейшем сокращенная до « человек / организация ») упоминается несколько раз на странице, подумайте о том, чтобы пометить наиболее подробное, окончательное или иным образом подробное упоминание в виде hCard. В идеале вы можете пометить всех экземпляров человека / организации как hCards, но пока просто оставьте это простым и разметьте наиболее представительный экземпляр.(Возможно, наиболее «окончательный» экземпляр, который также можно было бы затем пометить с помощью элемента
Определите окружающий элемент для каждого
Для каждого человека / организации, которую вы хотите преобразовать в hCard, найдите наименьший элемент, который содержит всю информацию об этом человеке / организации и не содержит информации о каком-либо другом человеке / организации.
Добавьте к этому элементу имя класса «
vcard
».Если такого элемента нет (возможно, ближайший охватывающий элемент содержит более одного человека / организации), добавьте
...
или..., который содержит информацию об этом человеке / организации и только об этом человеке / организации.
Остальная часть разметки для этой карты hCard ДОЛЖНА быть внутри элемента с именем класса «vcard».
Важность имен
Имя является обязательным свойством hCard.Таким образом, не забудьте отметить имя человека именем класса «fn». Для имен людей, состоящих из двух простых слов (текст, разделенных пробелом), где первое слово — это их имя, а второе слово — их фамилия, достаточно имени класса «fn». Например.
Рохит КхареДля людей с отчеством или фамилией, состоящей из нескольких слов, вы должны пометить их с помощью свойства «n» и его вложенных свойств «имя-имя» и «фамилия» (и «дополнительное-имя», если среднее имя включено) e.г.:
Эрин Джо РичиЭрик А. МейерЭмили П. ЛьюисХокон Wium ЛожьТомас Вандер ВальОрганизация hCards
Для hCards для организаций обязательно поместите имена классов «fn» и «org» в один и тот же элемент.Если они будут одинаковыми, это намек для потребителей hCard на то, что hCard представляет организацию, а не человека. Например.
TechnoratiСвязать
Добавьте ссылки на свой веб-сайт, профили в социальных сетях и другие сайты, которые представляют , вы, , специально в свою карту hCard с именем класса
url
. Вот пример с личным сайтом и URL-адресами профилей Twitter и Flickr:Тантек Челик , мой сайт , twitter и flickr .
соединиться с собой
Если вы размечаете hCard на своем собственном сайте, не забудьте также добавить атрибут XFN
rel = "me"
, чтобы указать, что эти страницы профиля являются дополнительными аспектами вашей сетевой идентичности. Дополнительные сведения см. В разделе «Объединение идентификаторов с XFN ».Тантек Челик , мой сайт , twitter и flickr .
Отредактируйте свои профили на этих других сайтах и установите поля «домашняя страница», «URL» или «блог» так, чтобы они ссылались на ваш собственный сайт, чтобы объединить ваши профили в социальных сетях.
Сайты, такие как http://huffduffer.com и плагины Firefox Extensions, например, идентифицируют, используют API, такие как Google Social Graph API (который индексирует ссылки rel-me), чтобы автоматически подключать ваши профили в своих пользовательских интерфейсах.
См. Домашнюю страницу Андреаса Клингера, чтобы увидеть красивый, простой, реальный пример личного сайта с hCard, который ссылается на другие профили.
только имя и URL
Один из наиболее распространенных шаблонов для человека / организаций в веб-контенте — это имя человека / организации с гиперссылкой на их окончательный / предпочтительный веб-сайт.
Когда вы просто ссылаетесь на человека по имени с URL-адресом, вы можете упростить разметку.
Райан Кинг
Это работает, потому что атрибут класса HTML принимает набор имен классов, разделенных пробелами.
Blogrolls — хороший пример списков людей с именами и URL (см. Также XOXO).
Заголовки
Если упоминается должность сотрудника, пометьте его цифрой
...
.Хотя типичные vCards / hCards имеют только одно название должности, если у кого-то перечислено несколько названий должностей, например, в списке с разделителями-запятыми, просто разметьте все их целиком одним большим
...
.См. Исходный код в программе пленарного заседания W3C для примеров людей с несколькими титулами.
Другие филиалы
Поскольку vCard, похоже, подразумевает модель человека, связанного только с одной организацией (по крайней мере, определенно так выглядит большинство реализаций vcard), рассмотрите возможность размещения других принадлежностей и информации о человеке в
...
элементов. У вас может быть больше одного; конвертеры просто добавят их все в исходном порядке.См. Исходный код в Технической повестке дня пленарного заседания W3C, где приведены примеры людей с дополнительной принадлежностью (например, рабочие группы W3C), отмеченных внутри элементов «примечания».
Иногда текст в документе рядом с человеком / контактным лицом объясняет * почему * с этим человеком следует связаться. Такую информацию также полезно иметь в элементе «примечание».
См. Исходный код на приглашении O’Reilly ETech 2006 для примеров людей с дополнительными причинами «По …», помеченными как элементы «примечания».
Установите другой язык
В документе на английском языке (
lang = "en"
) не забудьте разметить элемент, окружающий любые неанглоязычные имена людей, компаний, титулы, примечания и т. Д.с атрибутом lang с соответствующим значением.Например, Испанские имена в английском документе должны быть помечены (
lang = "es"
) на их элементах.См. Исходный код в повестке дня технического пленарного заседания W3C, в частности Игнасио Марин, для примера человека и организации, отмеченных атрибутом
lang
.Номера телефонов
Добавьте несколько телефонных номеров, например:
работа : + 1-250-555-2142работа бесплатно: + 1-800-555-1855работа факс : + 1-250-555-2135Это будет выглядеть примерно так:
рабочий: + 1-250-555-2142 по работе бесплатно: + 1-800-555-1855 рабочий факс: + 1-250-555-2135
Список типов телефонов:
voice
[который используется по умолчанию, если «тип» не указан],home
,msg
,work
,pref
,fax
,cell
,video
,пейджер
,bbs
,модем
,автомобиль
,isdn
,шт
.Как показано в последнем примере выше, телефон может иметь несколько типов. Официальный список см. В hCard: Type Subproperty Values.Фотографии
Отметьте репрезентативные изображения человека / организации с названием класса «
фото
», например:Если ваше имя еще не размечено (см. Раздел «Имена» выше), а ваше имя и фамилия состоят только из двух слов, вы можете установить атрибут alt для изображения в качестве своего имени.В этом случае включите имя класса «fn» вместе с именем класса «photo» в атрибут class:
Чтобы гарантировать, что изображение не пропадает всякий раз, когда hcard преобразуется в vcard, внешний URI должен быть заменен фактическими закодированными данными изображения следующим образом:
Простой способ кодирования изображения контакта — использовать какое-нибудь приложение, которое может экспортировать файлы vcard, включая изображение контакта, как это делает бесплатная программа Palm Desktop.
Географические координаты
Добавьте свои географические координаты:
48.430092246 -123.364348450
Более удобная для человека версия будет реализована следующим образом:
31 & deg; 23 & # 39; 18 & quot; S , 57 & deg; 57 & # 39; 38 & quot; OЭто будет выглядеть так: 31 ° 23’18 «ю.ш., 57 ° 57’38» O.
Обратите внимание, что символы градусов, минут и секунд должны быть закодированы, как в приведенном выше примере исходного кода, чтобы браузер не сбивал с толку кодировку символов, используемую на странице, и отображал неправильные символы, например китайские символы, в которых должны отображаться акценты.
Хорошее место для получения значений координат в обоих форматах — это Википедия. Найдите статью о своем городе и щелкните удобные для человека координаты, чтобы загрузить страницу с десятичными значениями.
Фрагменты и связывание
hCard — это логический элемент контента, на который люди могут захотеть сделать ссылку.Если он находится на странице с другим контентом, может быть трудно установить ссылку только на одну карту hCard, если у вас нет идентификатора фрагмента для использования. В HTML вы можете создавать идентификаторы фрагментов, добавляя атрибут id к любому элементу. Хорошей практикой является добавление атрибута id к hCard, например
Брайан Суда
Canonical hCard внутри сайта
Почти каждый социальный веб-сайт имеет URL-адреса профилей для своих участников, обычно с hCard.
Большинство страниц таких веб-сайтов связывают эти канонические URL-адреса профилей пользователей на самом сайте с помощью значка и / или имени пользователя. Имеет смысл явно разметить эти ссылки с помощью имен классов «url» и «uid», например в списке друзей Twitter (обратите внимание на дополнительное использование микроформата XOXO 1.0: Extensible Open XHTML Outlines), который может быть размещен в самом Twitter:
Другой пример: сайты событий, на которых перечислены и ссылки на профили пользователей людей, посещающих мероприятие (например, Upcoming.org).
URL-адрес hCard, являющийся самой страницей
Каноническая карта hCard на сайте (как отмечалось выше) часто сама имеет разметку hCard, и полезно разметить саму страницу как URL-адрес для этой карты hCard.
Итак, как разметить URL-адрес hCard, где URL-адрес — это сама страница?
В реальных публикациях наблюдалось несколько вариантов, каждый из которых предполагает решение:
- Самостоятельная гиперссылка на профиль с именем / фото. Многие (большинство?) HCard, поддерживающие сайты с профилями пользователей, делают гиперссылки на имя человека (например, Myspace irhetoric) и / или изображение (например, предстоящий tantek) в своем профиле на сам профиль. Это распространенный шаблон проектирования. В этом случае ответ очевиден: просто добавьте
class = "url uid"
к существующей гиперссылке. - Профили со ссылкой «профиль» и / или динамическим содержимым. На некоторых сайтах есть навигационная ссылка «Профиль», на которую можно нажать даже в самом профиле (например, войдите в Twitter и перейдите в свой профиль). В некоторых случаях ссылка «Профиль» выделяется среди других навигационных ссылок, чтобы указать, что это то, что в настоящее время видно среди опций навигации (например, last.fm — войдите в систему и перейдите в свой профиль). Оба этих сайта имеют динамическое содержимое на страницах профиля и, таким образом, могут также помечать такие гиперссылки с текстом, например «Обновить» или «Обновить», что точно указывает пользователю, что, когда они щелкают ссылку, URL-адрес не изменяется. в адресной строке браузера, но перезагрузит страницу, вероятно, заметно обновив страницу.В обоих этих случаях ответ такой же, как и в первом случае выше: просто добавьте
class = "url uid"
к существующей гиперссылке. - Профили без явных гиперссылок. Страницы профилей некоторых сайтов (например, Flickr tantek) не имеют гиперссылок, возможно, потому, что их содержимое более статично, а видимая гиперссылка на себя будет казаться «ничего не делать» при нажатии, либо расстраивая пользователя, либо заставляя его задуматься сайт был сломан. Для этих сайтов автор может включить пустую гиперссылку с пустым атрибутом href (который разрешается как относительный URL-адрес самой страницы), чтобы предоставить невидимую гиперссылку на саму страницу, которая, таким образом, обычно не является кликабельной (поскольку занимает без пробела), а также не имеет содержимого, которое может быть ошибочно прочитано программой чтения с экрана.Например.
Дополнительные советы и рекомендации
Не стесняйтесь добавлять больше советов, которым научил вас опыт при разметке hCards, даже если вы добавляете лишь короткую крылатую фразу, которая вам напоминает.
- Как отметить текст, чтобы вы могли оставить комментарий, например, кто ваш помощник администратора.
- Дополнительные примеры встроенного кода, возможно, по одному для каждого раздела (предложение Cdevroe)
- (предложение Брайана) вы упоминаете блогролл, это может выходить за рамки, но вы могли бы упомянуть, что XFN и hCard могут быть переплетены — это не одно или другое
- …
Связанные страницы
Спецификация hCard находится в стадии разработки. По мере обсуждения, понимания и написания дополнительных аспектов они будут добавляться.Эти мысли, проблемы и вопросы хранятся на отдельных страницах.
.Реализации
hCard — Microformats Wiki
Эта страница представляет собой информационный раздел спецификации hCard.
Были разработаны следующие реализации, которые либо генерируют, либо анализируют карты hCard. Если у вас есть такая реализация hCard, не стесняйтесь добавлять ее в , первые раздела «Новые реализации». Если у вас есть страница или сайт, на котором только публикует hCard, пожалуйста, используйте вместо этого примеры hCard.
Новые реализации
Добавьте сюда новые реализации для оценки и классификации в приведенную ниже таксономию реализаций.
Пожалуйста, помогите, попробовав эти реализации и после проверки переместите их в сгруппированные ниже разделы. На данный момент мы храним их в сгруппированных разделах (а не в таблице), потому что существует так много разных типов реализаций, что не совсем имеет смысла иметь столбцы, применимые ко всем реализациям. — Тантек
- hCard vCard Generator для WordPress — генерирует hCard, совместимые с микроформатами, от пользователей WordPress и сопутствующие vCard для загрузки.
- ez-vcard — Парсер vCard, написанный на Java. Поддерживает hCard, xCard и vCard версий 2.1, 3.0 и 4.0.
- Все домены .tel теперь автоматически совместимы с hCard при просмотре в Интернете (пока только для мобильных устройств). Примеры: telnic.tel, schuh.tel.
- h3v.1daylater.com Служба и библиотека javascript, которая очень легко конвертирует фрагменты HTML в их загружаемые аналоги — для веб-разработчиков
- vcardin.py: конвертирует .vcf в .html на основе детского шаблона; часть рабочего пространства календаря RDF
- hCard в QR-Code — преобразует опубликованную карту hCard в vCard и отображает соответствующий QR-код.
- Verizon Contact Exporter — добавляет hcards на типичную HTML-страницу контактов из чьей-либо онлайн-адресной книги Verizon, чтобы их можно было экспортировать (например, если кто-то хочет покинуть Verizon)
- hCard Validator — наконец!
- Cogmap — Cogmap имеет несколько организационных диаграмм, помеченных hcard. Очень нужен XPN!
- TripIt — список контактов TripIt ваших знакомых помечен hCard
- WordPress — плагин WordPress, отображающий аватарки для комментаторов на основе их hCard
- орг.microformats.hCard — парсер и создатель java hCard.
- Mobile Online Business ‘конвертер vCard в hCard
- Jam — активное расширение адресной книги для Firefox / Flock. Jam импортирует Vcard и различные форматы CSV и может выводить контакты в форматах Vcard и hCard.
- Расширение «tt_address» для TYPO3 поддерживает hCard, начиная с последней версии v2.0.0
- Operator позволяет объединять фрагменты информации на веб-сайтах с приложениями полезными способами. Например, загрузите информацию hCard в Outlook.(Firefox-плагин)
- WordPress hCard Creator — я сделал этот простой плагин для wordpress. Он добавляет подменю «Параметры hCard» в меню «Параметры», где вы можете создать простую карту hCard и разместить ее в своем блоге, используя Php hcard_creator ()?>, Чтобы показать ее. Также можно показать ссылку «экспорт в vCard», в которой используется Brian Suda X2V. (Получил электронное письмо по этому поводу)
- Микроформаты Букмарклет — это букмарклет, разработанный для IE6 и IE7, Firefox, Safari, Opera и Camino, который накладывается на текущую страницу, позволяя пользователям импортировать отдельные карты hCard или hCalendars.Автор Реми Шарп.
- vCardExplorer — это приложение для Mac OS X, которое отображает файлы VCF и извлекает карты hCard с веб-сайтов, написанных Даниэлем Кагеманном.
- Extract Microformats — это сценарий для NetNewsWire, который поддерживает извлечение данных hCard и hCalendar в сообщениях блога (через службу technorati). По сценарию Криса Кашиано
- hKit — это библиотека синтаксического анализа PHP 5 с открытым исходным кодом и поддержкой hCard.
- Technorati Microformats Search индексирует hCard, hCalendar и hReview, как объявлено Tantek.
- список страниц с проблемами индексации, чтобы можно было выяснить, почему данные не извлекаются
- suda.co.uk/contact
- multipack.co.uk
- Набор расширений Dreamweaver Extension из проекта веб-стандартов позволяет создавать карты формата hCard из Dreamweaver 8.
- hCardCreator.com позволяет веб-мастерам создавать hCard для встраивания на свои сайты.
- Scooch — это средство создания слайд-шоу и презентаций, которое генерирует hCard 1.0 для отдельных авторов слайд-шоу и авторов комментариев с помощью кнопки CSS для анализа и загрузки через X2V. Также использует hReview 0.4 (в процессе) для оценок слайдов и rel = «tag» для категорий.
- Flocktails — порт расширения Tails для Flock 0.5.12, которое ищет hCards, hCalendar, xFolk и hReview и помещает их в удобную верхнюю панель.
- uformats — это библиотека ruby, которая может анализировать hCalendar 1.0, hCard 1.0, hReview 0.4 (в процессе) и rel = «tag»
- Tails — это расширение Firefox, которое отображает наличие и подробную информацию о микроформатах (hCard, hCalendar, hReview, xFolk) на веб-странице.Tails Export — это расширенная версия.
- Smartzilla — это расширение Firefox, которое находит hCards на веб-страницах и позволяет вам добавлять их в свою адресную книгу.
- pnh_mf — это плагин для Textpattern, который поддерживает встраивание hCard и других микроформатов в шаблоны и сообщения в блогах. Автор Крис Кашано.
- Имеются данные о встроенной поддержке hCard в браузере Konqueror. В частности, Konqueror 3.5 в KDE 3.5 (kubuntu Breezy с обновлением).
- Есть свидетельства наличия плагина kwiki для hCards.Обновление: репозиторий svn плагина hCard kwiki. См. Документацию плагина hCard kwiki.
- X2V — это букмарклет, который анализирует hCard и создает поток .vcf (vCard). Примечание: необходимо обновлять по мере уточнения спецификации.
- Дункан Уокер создал расширение Firefox, которое получает данные hCard с веб-страницы, использует XSL Брайана Суда (локально) для преобразования их в формат vcard и открывает полученный файл .vcf.
- Джордж написал пользовательский сценарий Greasemonkey, который обнаруживает hCards и позволяет пользователям легко добавлять их в свои приложения адресной книги.Для преобразования полагается на веб-службу X2V.
- Мартин Рехфельд обновил работу Дэвида Джейнса и создал сценарий greasemonkey, который находит множество элементов микроформатов, включая hCards, и предоставляет всплывающее меню действий. Преобразование hCard в vCard выполняется внутри сценария. Теперь это будет работать с FireFox 1.5 + / GreaseMonkey 0.6.4+.
- Марк Пилигрим также написал пользовательский сценарий парсера hCard Greasemonkey. Он самодостаточен и не полагается на веб-службу X2V.
- Оливер Браун написал «расширение» для SimpleXML, которое обеспечивает простой доступ к информации hCard в PHP 5.
- Эндрю Д. Хьюм создал систему (плагин WordPress?) Для использования hCards в вашем блоге для представления людей, оставляющих комментарии к сообщениям в блогах.
- rfc2629.xslt теперь пытается сгенерировать информацию hCard (RFC2629 — это формат XML для создания RFC и интернет-проектов, см. Пример документа)
- YourTraces: поисковая система hcard
- Список друзей iChat в hCards — AppleScript с открытым исходным кодом для автоматического преобразования списка друзей в клиенте MacOSX iChat AIM в действительный XHTML 1.0 Строгий список hCards.
- palmagent — это набор инструментов для пальмпилотов и помощников. Он включает производные X2V xhtml2hcard.xsl и toICal.xsl, а также некоторые материалы hcardTest
- OpenPsa 2.x CRM использует hCard для всех списков людей. Виджет можно многократно использовать в Midgard CMS
- Эмилиано Мартинес Луке написал экспериментальное средство поиска hCard и приложение для структурированного поиска, которое находит hCard в заданном наборе URL-адресов и возвращает те, которые соответствуют указанным критериям поиска.
- Lustro — это бесплатное приложение для Mac OS X с открытым исходным кодом, которое экспортирует ваши контакты из адресной книги в CSV, с разделителями табуляцией, Google Контакты и hCards. Он создает единую веб-страницу XHMTL со всеми вашими контактами в виде hCards.
- WP Customer Reviews — это плагин для WordPress, который позволяет клиентам оставлять отзывы и обзоры о вашей компании, услуге или веб-сайте. Обзоры представлены в формате hReview, а также содержат информацию о компании в формате hCard.
- Geodatacheck.com — это веб-сервис, в котором вы вводите свой адрес и контактную информацию, он геокодирует ваше местоположение и запрашивает ваши идентификаторы социальных сетей и географическое приложение или идентификатор места, например google place, gowalla, foursquare. На выходе вы получаете vCard и hCard. Используйте фрагмент hCard, чтобы разместить свой адрес со всеми дополнительными ссылками в формате hCard.
Приложение
.
Авторская
Реализации, которые вы можете использовать для разработки, создания и публикации hCard.
Создатели на базе Интернета
- hCard creator
- Создайте свои собственные hCards
- попробуйте использовать разные таблицы стилей!
- см. Также голландский интерфейс.
Оставьте отзыв о создателе hCard
Инструменты для ведения блогов и CMS
- Плагин Textpattern
- jmc_event_manager — это плагин для Textpattern, который выводит местоположения и события в форматах hCard (и hCalendar). Автор Джоэл Кортни.
- Плагины для WordPress Плагин
- для WordPress Addressbook — отображает список адресов из адресной книги владельца блога, каждый из которых помечен как hCard. Поддерживает Сэм Уилсон.
- hCard & vCard Generator для WordPress — Создавайте hCard и vCard, совместимые с микроформатом, для пользователей WordPress — отлично подходит для использования на страницах сотрудников и для биографии пользователей.
Плагин
Скрипты и надстройки браузера
Плагины браузера, которые работают с существующими инструментами разработки:
- Любой браузер с javascript и немного CSS
- microformats.org Создатель hCard (см. Также оригинальный создатель hCard от Tantek на сайте tantek.com.
Desktop Authoring Tools
Поиск и открытие
Преобразование и импорт
Реализации, которые вы можете использовать для импорта в приложение адресной книги, обычно путем преобразования hCard в vCard или сайтов на основе адресной книги / местоположения.
Веб-службы
Они возвращают vCard (.vcf) и другие форматы контактов для легкого импорта в типичные программы адресной книги или другой обработки.
- www.tomota.de Интернет-адресная книга, позволяющая импортировать, экспортировать и конвертировать hCard в vCard, ldif, csv и обычный текст.
Плагины Greasemonkey для Firefox
Формы
- hCard Mapper отображает hCards в поля формы (на основе Javascript)
Веб-действия
API веб-действий некоторых сайтов используют hCard ссылающихся сайтов в качестве входных данных для действия.
Просмотр
Реализации, которые обнаруживают, отображают и иным образом выделяют карты hCard на страницах.
Расширение Firefox
Operator — это расширение удобно для обычного пользователя, опытного пользователя и разработчика. Очень настраиваемый и ненавязчивый.
Расширение Internet Explorer
Oomph — эта надстройка для Internet Explorer будет светиться на страницах с hCards.
Удлинитель Flock
Открытый исходный код
Библиотеки с открытым исходным кодом для анализаторов hCard и другого связанного кода для создания реализаций hCard.Примечание: весьма вероятно, что вышеуказанные реализации могут быть продублированы в этом разделе. Все в порядке.
- Javascript
- Создатель hCard (обратная связь с создателем hCard) — это очень простой, но иллюстративный пользовательский интерфейс / форма / сценарий с открытым исходным кодом, который создает hCard в режиме реального времени по мере того, как вы вводите набор контактной информации.
- Perl
- PHP
- Python
- Рубин
- Resumy — небольшой инструмент, способный генерировать резюме, размеченное с использованием стандарта hResume Microformat, на действительную веб-страницу W3C.
- Ява
- Objective-C
- Lustro — это бесплатное приложение для Mac OS X с открытым исходным кодом, которое экспортирует ваши контакты из адресной книги в CSV, разделенные табуляцией, контакты Google и hCards, конечно. Он создает единую веб-страницу XHMTL со всеми вашими контактами в виде hCards.
Дополнительные приложения
Этот раздел, вероятно, следует включить в мозговой штурм hCard.
Существует множество потенциальных дополнительных применений и приложений для hCard в Интернете.Ниже приведены лишь несколько идей и возможностей, которые пришли в голову людям:
- В качестве открытого стандарта / формата для Gravatars.
- Нравится.
- WordPress с заменой gravatar на основе hCard находится в стадии разработки. Альпер 12:59, 8 августа 2007 г. (PDT)
Плагин
- Разметка отдельных авторов сообщений блога в групповом блоге
- Разметка имен людей и URL-адресов в блоге
- Любые ссылки на людей в сообщениях в блогах (например,г. цитируя их, ссылаясь на них или описывая их по имени).
- …
Связанные страницы
Спецификация hCard находится в стадии разработки. По мере обсуждения, понимания и написания дополнительных аспектов они будут добавляться. Эти мысли, проблемы и вопросы хранятся на отдельных страницах.
.
Добавить комментарий