1 / 37

МИКРОФОРМАТЫ В ЖИЗНЬ

МИКРОФОРМАТЫ В ЖИЗНЬ. Практическое применение в проектах Web 2.0. Докладчик: Максим Россомахин. PHPconf 2007 , Москва, 25 мая 2007. I . Что необходимо знать?. Микроформаты это:. набор простых и открытых форматов описания данных

demetria-lott
Télécharger la présentation

МИКРОФОРМАТЫ В ЖИЗНЬ

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. МИКРОФОРМАТЫ В ЖИЗНЬ Практическое применение в проектах Web 2.0 Докладчик: Максим Россомахин PHPconf 2007, Москва, 25 мая 2007

  2. I. Что необходимо знать?

  3. Микроформаты это: • набор простых и открытых форматов описания данных • механизм включения в веб-страницы дополнительной семантическиой информации • расширение языка разметки (Х)HTML

  4. Общая задача Внедрение в веб-страницу метаинформации, описывающей основной контент. Микроформатированный контент удобен для автоматизированной обработки информации. Например для обработки в браузере или поисковым ботом.

  5. Частные задачи • Информация о человеке (профайл, резюме, связи с другими людьми) • Информация о местоположении и дате • Информация, описывающая товары и услуги • Информация, описывающая гиперссылки • и т. д.

  6. Как реализовано? μf = (X)HTML +новый контекст

  7. Пример №1 Простейший микроформат <a href="http://example.org"rel="nofollow">Некая ссылка</a>

  8. II. Существующие μf

  9. hCard Предназначен для описания информации о людях. Пример применения: профайл пользователя соц. сети. <div class="vcard"> <h3 class="fn n"> <span class="given-name">Максим</span> <span class="family-name">Россомахин</span> </h3> <dl> <dt>Веб-сайт:</dt> <dd><a class="url" href="http://webmascon.com">Webmascon</a></dd> </dl> </div> Подробнее

  10. hResume Предназначен для описания резюме. Обычно представляет собой hCard, дополненный информацией об образовании, навыках и т.п. характеристиках, составляющих резюме человека. Пример применения: резюме пользователя. Подробнее

  11. XFN Предназначен для описания отношений между людьми. Пример применения: ссылки на сайты ваших друзей. <a href=http://pepelsbey.net/rel=”colleague met friend”>Вадим Макеев</a> Подробнее

  12. Geo Предназначен дляуказания географического местоположения описываемого объекта. Объектом может быть человек, место проведения какого-то мероприятия, место, где был сделан данный фотоснимок и т.п. <div class="geo"> <span class="latitude">3.14</span> <span class="longitude">2.78</span> </div> Подробнее

  13. hReview Формат используется в описаниях товаров, услуг, мероприятий и т.п. Пример применения: отзыв о конференции PHPConf 2007. <div class="hreview"> <span><span class="rating">5</span> баллов!</span> <h2 class="summary">PHPconf 2007 удалась!</h2> <span class="reviewer vcard">Автор: <span class="fn">Россомахин</span> — <abbr class="dtreviewed" title="20070525">25 мая 2007</abbr></span> <p class="description item vcard"> На <span class="fn org">PHPconf 2007</span> прозвучали актуальные доклады. </p> </div> Подробнее

  14. Rel-Tag Один из самых популярных. Этим микроформатом помечают ссылки на теги. Те самые теги, из «облаков». <a href="http://del.icio.us/tag/microformats" rel="tag">Microformats</a> Подробнее

  15. Rel-License Предназначен для придания контенту ссылки на лицензию, согласно которой этот контент распространяется. <a href="http://creativecommons.org/licenses/by/2.0/" rel="license">cc by 2.0</a> Подробнее

  16. Rel-Nofollow Помечает ссылки, которые не должны быть учтены поисковыми ботами в качестве релевантных. Поддерживается Google, Yahoo!Search и MSN. <a href="http://super-pills.com" rel="nofollow">Viagra Valium</a> Подробнее

  17. VoteLinks «Голосующие» ссылки. <a href="http://habrahabr.ru" rel=“vote-for">Хабрахабр</a> <a href="http://padonki.org" rel=“vote-against">Падонки.орг</a> Подробнее

  18. Полный перечень http://microformats.org/wiki/

  19. III. Достоинства μf

  20. Обходятся средствами языка XHTML.

  21. Просты во внедрении.

  22. Не ломают привычные способы опубликования контента.

  23. Позволяют избежать дублирования информации в нескольких разноформатных файлах.

  24. Машиночитаемы…

  25. … но понятны и людям.

  26. Открывают новые возможности для создания доселе невиданных веб-интерфейсов.

  27. μfможно применять уже сейчас.

  28. IV. μfв жизни

  29. Кто внедряет?

  30. Миллионы страниц.

  31. Поддержка браузерами Mozilla Firefox 1.5-2.0 + расширения Браузеры, не способные работать с микроформатированным контентом, отображают его так, как и обычный HTML-код. Внешний вид страниц ничуть не страдает.

  32. Браузеры будущего • Internet Explorer 8.0 • Mozilla Firefox 3.0

  33. Встроенная поддержка. Браузер, как «информационный брокер».

  34. V. Приложение

  35. Ссылки на англоязычные ресурсы • http://microformats.org/ • http://microformatique.com/ • Microformats: What They Are and How To Use Them • http://feeds.technorati.com/feed/posts/tag/microformats

  36. Ссылки на русские ресурсы • http://www.habrahabr.ru/blog/microformats/ • http://www.gui.ru/copylove/microformats/

  37. Спасибо за внимание!Ваши вопросы?

More Related