Тема: Использование Микроформатов

Подскажите, можно ли использовать пользовательские css классы в перемешку со стандартными?

Например в hCalendar используется

<div class="vevent">
<h3 class="summary">XYZ Project Review</h3>
<p class="description">Project XYZ Review Meeting</p>
</div>

Можно ли писать так:

<div class="vevent news_container">
<h3 class="summary news_title">XYZ Project Review</h3>
<p class="description news_text">Project XYZ Review Meeting</p>
</div>

И какие есть рекомендации по использованию микроформатов и css?

Thumbs up Thumbs down

2

Re: Использование Микроформатов

nizsheanez пишет:

<div class="vevent news_container">

такой записи я еще не видел.

Рекомендации просты -
правильно используйте div и span для определения классов CSS если нужна какая то специфическая визуализация элементов микроформатов.
или ставьте в соответствие классам микроформатов классы CSS, которые их будут визуализировать

Хороший пример оформления микроформатов в  CSS я написал здесь
http://shcherbak.net/2011/01/hcard-byst … ganizacii/

PS  осталось чувство, что вопрос ваш не совсем понял...

Re: Использование Микроформатов

вообще в атрибуте class можно задавать сколько угодно css классов  (через пробел).
rdfa например поддерживает множественные идентификаторы для одного атрибута ( заданные опять же таки через пробел). Честно говоря не знаю как это будет для микроформатов, но думаю что аналогично.

Thumbs up +1 Thumbs down

4

Re: Использование Микроформатов

Ага. Спасибо. Я тоже думаю, что особо напихивать классов через пробел не стоит.
Пока рылся в интернете, нашел интересную записульку от гугла:
http://www.google.com/support/webmaster … wer=146862
там надо будет плюсики понажимать.
кстати если заглянуть во второй плюсик то можно найти пример, где использование двух классов через пробел оправдано.
Например если у вас один мкроформат является вложенным элементом другого:

<div class="hreview">
   <span class="item vcard">
      <span class="fn">L'Amourita Pizza</span>
      Адрес: 
    <span class="adr">
         <span class="street-address">123 Мэйн-стрит</span>, 
         <span class="locality">Альбукерке</span>,
         <span class="region">Нью-Мексико</span>.
      </span>
      <a href="http://pizza.example.com" class="url">http://pizza.example.com</a>
   </span>
   Автор:
   <span class="reviewer">Боб Смит</span>. 
   Оценка: 
   <span class="rating">
      <span class="value">9</span>/
      <span class="best">10</span> (отлично)
   </span>
</div>

во второй строчке кода видим, что гугл дает добро на потобные фокусы.

И есть еще вопрос: hreview можно использовать для комментариев? или что-то другое надо, или вообще не надо?

Thumbs up Thumbs down

5

Re: Использование Микроформатов

Можна,  hReview – это микроформат для разметки отзывов, например, на события и/или материалы. Комментарий- это отзыв

6

Re: Использование Микроформатов

Спасибо за ответ. Еще вопрос появился. Для микроформатов нужно специальные мета теги в хедэре прописывать.
Например для hCard: <link rel="profile" href="http://microformats.org/profile/hcard" />
Я нашел для каких форматов, какие нужны. Все нужные сслыки есть здесь: http://microformats.org/wiki/profile-uris

И я не понял, чем отличаются на этой странице две ссылки, например на hCard: http://ufs.cc/x/hcard и http://microformats.org/profile/hcard

В чем разница между ними? Вроде бы обе ведут в одно место.

И на сколько я понял майкрософтовский hSlice вообще без линков используется. Это я вынес с этой страницы: http://blogs.msdn.com/b/ieru/archive/20 … nutes.aspx

Отредактировано nizsheanez (2011-01-29 22:48:36)

Thumbs up Thumbs down

7

Re: Использование Микроформатов

И сразу еще один вопрос: какой микроформат лучше использовать для сервиса поиска работы. Ну, для резюме еще можно hResume, а вот для вакансий, как-то не очень он подойдет.

Отредактировано nizsheanez (2011-01-29 21:56:31)

Thumbs up Thumbs down

8

Re: Использование Микроформатов

RDFa подойдет

9

Re: Использование Микроформатов

А. Ну, да. Че-то я узко мыслю. Отличненько-отличненько. RDFa и буду использовать.

Thumbs up Thumbs down

10

Re: Использование Микроформатов

Пытался разобраться зачем нужны
dcterms: http://dublincore.org/2008/01/14/dctype.rdf#
cp: http://schemas.openxmlformats.org/packa … properties
dcmitype: http://dublincore.org/2008/01/14/dctype.rdf
xsi: http://www.w3.org/2001/XMLSchema-instanc

Я понимаю, что это пространства имен. Но для чего они используются?
Ладно хоть с Dublin Core разобрался. Ну, и xsi еще пока не гуглил.

Thumbs up Thumbs down

11

Re: Использование Микроформатов

с помощью них можно расширять возможности языка RDFa путем использования легковесных приложений RDF, таких как FOAF, DOAP, DC и тп.

например для определения номера телефона и email некоторого человека в RDFa мы можем использовать

<div typeof="foaf:Person" xmlns:foaf="http://xmlns.com/foaf/0.1/">
   <p property="foaf:name">
     Сергей Щербак
        почта: <a rel="foaf:mbox" href="mailto:hr@щербак.net">hr@щербак.net</a>
        Тел: <a rel="foaf:phone" href="tel:+3-8057-xxx-xxxx">+3-8057-xxx-xxxx</a>
   </p>
</div>

В первой строке определили как раз используемое пространство имен. В данном случае FOAF

12

Re: Использование Микроформатов

Спасибо. Наверное не точно вопрос задал.
Я понимаю зачем нужны пространства имен в RDFa, и понимаю зачем созданы DC и FOAF.
Но никак не могу разобраться для разметки чего созданы DCTERMS, CP  и DCMITYPE?

Thumbs up Thumbs down

13

Re: Использование Микроформатов

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

14

Re: Использование Микроформатов

nizsheanez пишет:

Но никак не могу разобраться для разметки чего созданы DCTERMS, CP  и DCMITYPE?

Здравствуйте,
DCTERMS (http://dublincore.org/documents/dcmi-terms/index.shtml ) -  то же самое что и http://purl.org/dc/elements/1.1, только новее лет на 10, и обширнее.

DCMITYPE - это в смысле http://dublincore.org/documents/dcmi-te … s-DCMIType ? Нужны для описания типа ресурса, выложенного в Сеть - музыка, событие, графический образ, видео...

Thumbs up Thumbs down

15

Re: Использование Микроформатов

Спасибо. Думаю теперь проще будет с гуглом общаться.

Интересная мысль сидит в голове у меня: я вчера написал для новостного портала аудиоплеер. Ну, ничего сложного, jQuery+jPlayer, ну и ясно понятно, что там есть у него дизайн.

Ну, вот есть кусок HTML отвечающий за вывод плеера.

<div class="jp-audio">
    <div id="jquery_jplayer"></div>
    <div class="jp-type-single">
        <div id="jp_interface_1" class="jp-interface">
            <ul class="jp-controls">
                <li><a href="#" class="jp-play" tabindex="1">play</a></li>
                <li><a href="#" class="jp-pause" tabindex="1">pause</a></li>
            </ul>
            <div class="jp-track">Аудио-Новости</div>
            <div class="jp-progress">
                <div class="jp-seek-bar">
                    <div class="jp-play-bar"></div>
                </div>
            </div>

            <div class="jp-volume-bar">
                <div class="jp-volume-bar-value"></div>
            </div>
            <div class="jp-current-time"></div>
            <div class="jp-duration"></div>
            <div class="jp-logo"></div>
        </div>
    </div>
</div>

Собственно это не музыка(сам mp3 файл лежит на другом сайте, грубо говоря хранилище), это не картинка, но с другой стороны можно мышом ткнуть в плэй и послушать новости. Вот с точки зрения семантики это что? ведь это просто вспомогательная разметка какая-то.

И вообще когда есть JavaScript, то такие вещи иногда возникают.

Или есть вариант перенести ссылку на сам mp3 файл из javascript в HTML, и тогда уже это можно разметить, как нормальную ссылку на медиафайл.
В общем ваши мысли на этот счет хотел бы услышать.

Thumbs up Thumbs down

16

Re: Использование Микроформатов

Как использовать и в каком формате  rrule  в hCalendar?
И как генерировать uid?
Гугл молчит - партизан!

Thumbs up +1 Thumbs down

17

Re: Использование Микроформатов

Гугл говорит  -

в iCalendar UID просто становится URL, где обозначено событие hCalendar

Пример UID:guid-1.example.com

18

Re: Использование Микроформатов

Может быть здесь можно найти как раз то что Вам нужно
http://schema.org/docs/full.html

Thumbs up Thumbs down