class-design-pattern-ru

Шаблон дизайна 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"). Это даёт следующие возможности:
  • Одиночные элементы могут трактоваться по-разному (с разными смысловыми оттенками);
  • Семантика может быть добавлена к существующей структуре документа.

См. также

• Семантический XHTML
• Семантическое именование классов

• John Udell написал о множественных именах классов
• Определение атрибута class в HTML 4.01