class-design-pattern-ru

From Microformats Wiki
Jump to navigation Jump to search

Шаблон дизайна class

Назначение

Используйте данный шаблон для указания семантического значения (X)HTML-элементов. Вы также можете посмотреть обсуждение семантических имён классов для дополнительной информации.

Применение

  • Всегда используйте наиболее приемлемые и подходящие элементы (X)HTML для разметки страниц. Если вы не нашли подходящего элемента для определённой ситуации, вы можете использовать элементы span или div. Старайтесь избегать презентационных элементов (b, i и другие);
  • Добавляйте (X)HTML семантику, используя семантичные имена классов. Атрибут class — это разделённый пробелом список имён классов;
  • Всегда следуйте принципам именования микроформатов.

Описание

Данный шаблон довольно часто встречается в микроформатах. Семантический смысл может быть добавлен к элементам с помощью атрибута class. Например, в hCard добавляется информация о том, что определённые элементы представляют собой описание человека, организации, URI, форматированных имён именно с помощью данного шаблона:

<div class="vcard">
 <a class="url fn" href="http://tantek.com/">Tantek Çelik</a>,
 <span class="org">Technorati</span>
</div>

Примечания:

  • Часть XHTML-документа, к которой был применён микроформат, определена как class="vcard". Такая практика является общая для нетривиальных, составных микроформатов;
  • В данном микроформате используются как inline, так и block-элементы. Такой ход предоставляет дизайнеру микроформата огромный выбор при включении семантической информации без пересечения с существующей репрезентацией;
  • В этом примере используется несколько имён классов в одном элементе (например, "url fn"). Это даёт следующие возможности:
    • Одиночные элементы могут трактоваться по-разному (с разными смысловыми оттенками);
    • Семантика может быть добавлена к существующей структуре документа.

См. также