В последнее время я занимаюсь микроформатами и многого достиг в процессе обучения. Поделитесь этим здесь и добро пожаловать к общению!
Преимущества микроформата:
Семантические имена классов HTML и CSS для обозначения общего контента.
Ряд стандартизированных методов, которые позволяют машинам читать и понимать данные, понятные только людям.
Микроформаты позволяют легко интегрировать контент веб-сайта с другими приложениями, тем самым увеличивая использование информации.
Основные правила для микроформатов hCalendar:
Свойства и подсвойства описываются классами.
Конкретные свойства hCalendar основаны на именах свойств iCalendar, например:vevent.
Имена атрибутов и податрибутов чувствительны к регистру.
Атрибут «корневой» нельзя комбинировать с другими атрибутами. Например, <div class=vevent summary"> недействителен.
| <dl class="vevent"> <dt>Мое личное расписание:</dt> <dd> <a href=" http://sports.163.com " class="summary"> <span class="category">Плавание</span></a></dd> <dt>Время активности:</dt> <dd><abbr class="dtstart" title="2009-05-19T18:00:00">05-19</abbr>–<abbr class="dtend" title="2009-06-19T18:00: 00″>06-19</abbr>, <abbr class="duration" title="P4W">длится 4 недели</abbr></dd> <dd class="vcard"> <a class="fn" href=" http://www.ued163.com > <span class="title">Внешняя разработка</span> <span class="locality "> Гуанчжоу</span> <span class="org">UED163</span> <a href=" mailto:[email protected] " class="email"> [email protected]</a></ дд> </дл> <div class="mytag"> <a href=" http://www.163.com/firefox/ " title="firefox" rel="tag"> firefox</a> <a href=" http://www.163.com/IE/ " title="IE" rel="tag"> IE</a> <a href=" http://www.163.com/safari/ " title="safari" rel="tag"> сафари</a> <a href=" http://www.163.com/chrome/ " title="chrome" rel="tag"> Chrome</a> <a href=" http://www.163.com/oprea/ " title="oprea" rel="tag"> oprea</a> </div> <div class="copyright"> <a href=" http://www.ued163.com/ " rel="license"> Авторские права: UED163</a></div> |
Приведенная выше демонстрация относительно проста и проста для понимания, поэтому попробуйте применить ее.
Описание атрибута события:
краткая сводная информация о событии
категория тип мероприятия
URL-ссылка на событие
dtstart Время/дата начала события, которое запускает событие.
продолжительность Продолжительность мероприятия
Определение информации о дате/времени продолжительности:
P2Y = длится 2 года
P10D = длится 10 дней
P3H = Длится 3 часа
P2W = длится 2 недели
P8DT8H8M = длится 12 дней 8 часов 8 минут
Контактная информация vcard:
значение атрибута имени таблицы fn
значение атрибута почты таблицы электронной почты
описание атрибута reg
Мой тег: reg="tag"
Описание атрибута rel права на использование авторских прав: rel="license"
Приведенный выше код дает следующий эффект:
Обнаружение плагинов микроформатов (на данный момент только Firefox и Safari):
Firefox:Оператор,Экспорт Tails
Safari:Микроформаты Safari
Ссылка на микроформаты:
http://www.ablognotlimited.com/articles/getting-semantic-with-microformats-part-4-hcalendar/
http://microformats.org/
Расширение микроформатов Dreamweaver
http://www.Webstandards.org/action/dwtf/microformats/
Исходный текст: http://www.ued163.com/?p=459.