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