Проектирование и разработка веб-приложений на основе технологий Microsoft

Микроформаты

Показывать лекцию целиком

Микроформатам можно дать множество различных определений, приведем некоторые, наиболее приглянувшиеся нам.

Микроформаты – способ семантической разметки данных о различных сущностях (товарах, людях, событиях и т.п.) при помощи использования стандартных элементов языка HTML (XHTML).

Микроформаты – набор простых и открытых форматов данных, основанных на существующих широко распространенных стандартах.

Микроформаты – это общее название всех форматов, основанных на HTML (XHTML), для предоставления дополнительной мета - информации об объектах.

Метаданные (Metadata) - данные о данных: каталоги, справочники, реестры, базы метаданных, содержащие сведения о составе данных, содержании, статусе, происхождении, местонахождении, качестве, форматах и формах представления, условиях доступа, приобретения и использования, авторских, имущественных и смежных с ними правах на данные и др.

В широком смысле, метаданные – это любая информация о данных, к примеру, имя автора статьи.

Структурированное представление характеристик описываемых сущностей, для идентификации сущности, поиска конкретного экземпляра класса и т.п., также можно отнести к метаданным.

Микроформаты ставят во главу угла идею, что вместо того, чтобы создавать целые новые словари, разработчикам следует комбинировать существующие, хорошо поддерживаемые и широко распространённые форматы, например, XHTML.

Одной из ключевых особенностей микроформатов является то, что их может свободно воспринимать как человек, просматривающий страницу с размеченным микроформатом, так и различные программные средства обработки, которые с помощью определённого соглашения о разметке могут легко получить необходимую структурированную информацию из Web-страницы.

Микроформаты:

  • Способ "обдумывания" данных, размышления о данных;
  • Адаптированы к наиболее информативному описанию объектов;
  • Соотносятся с семантикой HTML;
  • Ряд простых открытых стандартов форматов данных, которые многие активно развивают и применяют для наилучшего структурированного "блоггинга" и улучшения микросодержания веб - сети (web microcontent).
  • Суть концепции структурированного блоггинга заключается в том, что типичные, стандартные сообщения в блогах будут писаться несколько иначе, по заранее определенным шаблонам, в зависимости от содержания. Иными словами, если вы хотите поделиться новостью - вы выстраиваете текст в соответствии с одним шаблоном, если пишите объявление о покупке - с другим и т.д.

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

    Микросодержание веб - сети. По сути, это мета - информация. Микросодержание объясняет то, что описано в сети, о чем идет речь. Наряду со структурированным блоггингом, микросодержание, в первую очередь, необходимо для программ - обработчиков.

    Структурированный блоггинг и микросодержание сети облегчают поиск и отбор интересующей вас веб - информации, то есть "упорядочивают" веб.

    Микроформаты не являются:

  • Новым языком программирования;
  • Цельным новым подходом, отменяющим уже применяемые технологии;
  • Панацеей для описания таксономии, онтологии и т.п.;
  • Попыткой изменения и переписывания существующих инструментов разработки.
  • Основные принципы микроформатов:

  • Создаются для решения определенной задачи
  • Создаются для людей, в первую очередь, для машин – во вторую
  • Поощрение децентрализованной разработки
  • Существующие микроформаты

    hAtomмикроформат, предназначенный для данных, которые могут быть объединены в новостные ленты

    hCalendar - формат для составления календаря и описания событий

    Информация о событии заключается в блок класса vevent. Список основных полей класса:

    Название Описание Обязательное
    dtstart Дата события, или его начала в формате ISO 8601 (год-месяц-день) +
    summary Описание +
    location Местоположение (текст) -
    url Ссылка на веб – страницу, связанную с событием -
    dtend Дата окончания события ISO 8601 -
    duration Продолжительность события -
    description Расширенное описание -
    uid Уникальный идентификатор -
    geo Координаты -

    Пример:

    <div class="vevent">
       <div class="dtstart">1789-07-14</div>
       <div class="summary">День Взятия Бастилии</div>
       <div class="url">
         http://ru.wikipedia.org/wiki/%D0%94%D0%B5%D0%BD%D1%8C_%D0%B2%D0%B7%D1%8F%D1%82%D0%B8%D1%8F_
         %D0%91%D0%B0%D1%81%D1%82%D0%B8%D0%BB%D0%B8%D0%B8
       </div>
    </div>

    hCardмикроформат для краткого описания людей и организаций.

    Информация заключается в блок класса vcard. Некоторые поля класса приведены ниже.

    Обязательные:

    fn (имя – фамилия)

    Опциональные поля:

  • adr (адрес)
  • bday (день рождения)
  • email (адрес электронной почты)
  • geo (местоположение)
  • nickname (ник)
  • note (заметки)
  • org (название организации)
  • photo (фотография)
  • url (ссылка на страницу)
  • Пример:

    <div class="vcard">
       <div class="fn">Савельев Алексей</div>
       <div class="org">ИКЦ ТПУ</div>
       <div class="tel">420-610</div>
       <a class="url" href="http://tpu.ru">http://tpu.ru</a>
     </div>

    hResumeмикроформат для публикации резюме.

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

    Поля:

  • summary
  • contact info (используется с hCard )
  • experience
  • education
  • skills
  • publications
  • Примеры:

    ВУЗ, в котором обучался и время обучения

    <ol class="vcalendar">
      <li class="education vevent">
        <a class="url summary" 
           href="http://tpu.ru/">Томский Политехнический Университет</a>
        (<abbr class="dtstart" title="2004-09-01">2004</abbr> - 
         <abbr class="dtend" title="2009-05-25">2009</abbr>)
      </li>

    Места работы:

    <ol class="vcalendar">
      <li class="experience vevent">
        <span class="summary">Техник</span>,
        <span class="location">ИКЦ ТПУ, каф. ОСУ</span>,
        <abbr class="dtstart" title="2008-09-01">Сентябрь 2008</abbr> 
        - 
        <abbr title="2010-01-20">по настоящее время</abbr>
      </li>

    Rel-nofollow

    Добавление синтаксиса rel-nofollow к ссылкам на сайте указывает поисковым роботам, что данная ссылка имеет "нулевой" вес. Поисковики, поддерживающие работу с rel-nofollow, не последуют по этим ссылкам, и не дадут им вес в выдаче.

    <a href= http://ivan.chistyakov.name/tag/hatom/ rel="nofollow">пример nofollow </a>

    VoteLinks

    Микроформат VoteLinks чрезвычайно интересен т.к. этот очень простой микроформат обладает огромным потенциалом. VoteLinks может быть использован при проведении более точных исследований оценки потребителями тех или иных товаров, может служить механизмом оценки популярности записей в блогах, или отслеживать реальные голосования.

  • vote-for. Голос "за".
  • vote-against. Голос "против.
  • vote-abstain. Голос воздержавшегося.
  • Пример:

    <a href= http://kremlin.ru/  rev="vote-for">Я  голосовал за Медведева</a>.

    XFN

    XHTML Friends Network (XFN) простой способ показать связи между людьми с помощью гиперссылок, разработанный Global Multimedia Protocols Group.

    Связи разделены на несколько категорий, каждая из которых содержит собственный набор значений (статусов):

  • Friendship (дружба). Согласно этой категории, вы можете присвоить человеку статус friend (друг), acquaintance (знакомый), или contact (контакт).
  • Physical (знакомство в реальной жизни). Эта категория содержит всего один статус – met (встречались в жизни). Статус присваивается лицам, с которыми вы встречались в реальной жизни.
  • Professional (профессиональная связь). Для указания профессиональных связей вам доступны два статуса - co-worker (сослуживец) и colleague (коллега).
  • Geographical (географическая связь). В настоящее время XFN содержит два географических статуса: co-resident и neighbor. Статус co-resident присваивается человеку, живущему с вами на одной улице, а статус neighbor имеет более широкое значение.
  • Family (семейные связи). Статусы: child (ребёнок), parent (родитель), sibling (брат или сестра), spouse (супруг), и kin (родственник). Под "супругом" понимается некто, кого вы считаете своим мужем или женой независимо от того, состоите ли вы в официальном браке, или нет.
  • Romantic (романтические связи). Статусы muse (муза), crush (объект ухаживаний), date ("зазноба"), и sweetheart (возлюбленный). Замечу, что музой обычно называют человека, вдохновляющего вас.
  • Identity (указание на самого себя). Статус me позволяет вам указать ссылку на ваш блог, или на материалы, относящиеся непосредственно к вам.
  • Пример:

    <ul>  
      <li>
        <a href="http://examplelink1 rel="parent father">
          Савельев Олег
        </a>
      </li>  
      <li>
        <a href="http://examplelink2" rel="friend best">
          Сорокин Владимир
        </a>
      </li>
      <li>
        <a href=" http://examplelink3" rel="spouse">
          Арзамасцева Ксения
        </a>
      </li>
      <li>
        <a href=" http://examplelink4" rel="colleague network lab">
          Рудаков Дмитрий
        </a>
      </li>
    </ul>

    Можно указать любые возможные значения статусов, достаточно разделить их пробелами.

    hSlice - микроформат для веб - фрагментов

    Одним из множества нововведений в Internet Explorer 8 является возможность создания веб - фрагментов.

    Веб - фрагмент - это динамически обновляемый фрагмент сайта, который пользователи могут добавить на панель IE8. Таким образом, пользователи могут следить за интересующей их информацией, без посещения самого сайта.

    Пример:

    <div class="hslice" id="1">
      <p class="entry-title">Заголовок веб - фрагмента</p>
      <div class="entry-content"> 
        Отображаемая в веб - фрагменте информация
      </div>

    Более подробно веб - фрагменты, их особенности и создание будут рассмотрены в практическом занятии №6.

    Заключение:

    Разумеется здесь приведен далеко не полный список микроформатов, их полей и возможностей. Для более тесного знакомства с ними рекомендуем следующие ресурсы:

    Дополнительная информация о микроформатах

  • http://www.realcoding.net/articles/mikroformaty-chto-eto-i-kak-imi-polzovatsya.html
  • http://microformats.org
  • http://microformats.org/wiki/hatom
  • Структурированный блоггинг

  • http://register.intruder.ru/2005/12/21/strukturirovannyiy-blogging/
  • Микросодержание веб - сети

  • http://www.useit.com/alertbox/980906.html
  • http://aboutpublicrelations.net/ucwylie2.htm
  • Вернуться к учебному плану