Одним из типов контента, который люди публикуют в Фейсбуке и ВКонтакте, являются события: объявление о том, что тогда-то и тогда-то там-то и там-то случится то-то и то-то.
В целом организация событий — дело непростое, требующее много сил и времени. Но просто рассказать друзьям о том, что ты планируешь куда-то пойти или что-то организовать — не так сложно.
В движении микроформатов для этого придумали микроформат h-event
.
Выглядит это как-то так:
<div class="h-event">
<a class="u-url p-name" href="https://marinintim.com/2019/hwc/">HWC: встреча про Индивеб</a>
<p>
Начало <time class="dt-start" datetime="2019-12-22T15:00:00.000Z">22 декабря (вс), 18:00</time>,
и до <time class="dt-end" datetime="2019-12-22T18:00:00.000Z">девяти вечера</time>
<p>
Адрес:
<span class="p-location h-card">
<a class="u-url p-name p-org" href="https://vk.com/in1oogramm_bar">бар «Ин100грам»</a>,
<span class="p-street-address">Ул. Декабристов, 7</span>,
<span class="p-locality">Санкт-Петербург</span>,
<span class="p-country-name">Россия</span>
</span>
</p>
</div>
Главные свойства — это u-url
, в котором лежит ссылка на событие,
dt-start
, который описывает время начала, p-location
,
в котором описано, где же пройдёт событие.
У <time>
есть много вариантов, как может быть представлена дата
Конечно, помимо этих свойств может быть описание события, и всё остальное, что тебе придёт в голову. Но эти свойства — машиночитаемы, и поверх них можно сделать RSVP.
RSVP: ответ на событие
Как же сделать для индисобытия кнопку «Пойду»? Конечно же, при помощи микроформатов и Webmention!
Такой вид поста называется RSVP (неожиданно из французского).
На своём сайте нужно опубликовать пост-ответ со специальным полем p-rsvp
.
Возможные ответы: yes
, no
, maybe
, interested
,
поэтому чтобы писать на русском, нужно использовать
тег data
, и нужный вариант положить в атрибут value
. Например, так:
<div class="h-entry">
<span class="p-author h-card">
<a class="u-url" href="https://marinintim.com">
Тимофей Маринин
</a>
</span>:
<data class="p-rsvp" value="yes">приду</span>
на <a href="https://marinintim.com/2019/hwc/"
class="u-in-reply-to">HWC: встречу при Индивеб</a>
</div>
Указание автора в p-author
здесь особенно важно, чтобы организаторы понимали, кто придёт
После этого нужно отправить вебменшен от этого поста по обычным правилам.
Кстати, да! Событие в примерах выше — реальное. 22 декабря я буду рад встретиться и поговорить про индивеб вживую в баре Ин100грам на Декабристов, 7. Присылайте RSVP и приходите.