'

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

Понравилась презентация – покажи это...





Слайд 0

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


Слайд 1

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


Слайд 2

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


Слайд 3

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


Слайд 4

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


Слайд 5

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


Слайд 6

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


Слайд 7

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


Слайд 8

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> Подробнее


Слайд 9

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


Слайд 10

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


Слайд 11

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


Слайд 12

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> Подробнее


Слайд 13

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


Слайд 14

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


Слайд 15

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


Слайд 16

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


Слайд 17

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


Слайд 18

III. Достоинства ?f


Слайд 19

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


Слайд 20

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


Слайд 21

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


Слайд 22

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


Слайд 23

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


Слайд 24

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


Слайд 25

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


Слайд 26

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


Слайд 27

IV. ?f в жизни


Слайд 28

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


Слайд 29

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


Слайд 30

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


Слайд 31

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


Слайд 32

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


Слайд 33

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


Слайд 34

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


Слайд 35

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


Слайд 36

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


×

HTML:





Ссылка: