Pull to refresh

Микроформаты в жизнь. Практическое применение.

Reading time2 min
Views1K
Для многих пользователей микроформаты это еще не свершившийся факт, хотя на самом деле, не будучи программистом, можно уже внести лепту в их развитие.

Например, в настоящий момент livejournal не поддерживает микроформаты в профайлах пользователей. Однако этот момент мы можем устранить своими силами, опубликовав в своем профайле следующий код:
<div class="vcard" style="padding:8px;font-size:12px;height:116px;background-color:#fff3d2;">
<img src="http://horsev.dp.ua/avao1001.jpg" alt="photo" class="photo"/ style="float:left;margin:0 8px 8px 0;">
<a class="url fn n" href="http://horsev.dp.ua/"><span class="given-name">Andrey</span> <span class="additional-name">P.</span> <span class="family-name">Horsev</span></a>
<div class="org">908</div>
<div class="adr">
<div class="street-address">Rogaleva, 10</div>
<span class="locality">Dnipropetrovsk</span>, <span class="postal-code">49000</span><span class="country-name">Ukraine</span>
</div>
<div class="tel">+38 0562 476808</div>
</div>
Выглядеть всё это может довольно симпатично (css на ваше усмотрение, главное правильно указать названия классов для микроформата). Например так:

<img src=«horsev.dp.ua/avao1001.jpg» alt=«photo» class=«photo»/ style=«float:left;margin:0 8px 8px 0;»>Andrey P. Horsev
908 Rogaleva, 10Dnipropetrovsk, 49000 Ukraine+38 0562 476808

Проверить как все работает можно с помощью описаного выше расширения. И на этой странице тоже уже лежит моя карточка в микроформате. Плагин сформирует Vcard для вашей адресной книги.

Теперь о минусах — адрес электронной почты. Я не хочу в открытом формате выкладывать свой e-mail (по понятным причинам) и в приведенном выше коде поля такого нет, к сожалению на данный момент это очень неприятная деталь.

Несмотря на это, желаю успехов, в популяризации концепции Микроформатов!
Tags:
Hubs:
Total votes 23: ↑22 and ↓1+21
Comments25

Articles