DinamytE at 18:35, 17 July 2008

2008-07-17T18:35:19Z

New page

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

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

== Применение ==
* Всегда используйте наиболее приемлемые и подходящие элементы (X)HTML для разметки страниц. Если вы не нашли подходящего элемента для определённой ситуации, вы можете использовать элементы ''span'' или ''div''. Старайтесь избегать презентационных элементов (''b'', ''i'' и другие);
* Добавляйте (X)HTML семантику, используя [[semantic-class-names-ru|семантичные имена классов]]. Атрибут ''class'' — это разделённый пробелом список имён классов;
* Всегда следуйте [[naming-principles-ru|принципам именования микроформатов]].

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

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

Примечания:

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

== См. также ==
* [[semantic-xhtml-ru|Семантический XHTML]]
* [[semantic-class-names-ru|Семантическое именование классов]]

* John Udell [http://weblog.infoworld.com/udell/2004/02/09.html написал] о множественных именах классов
* [http://www.w3.org/TR/html401/struct/global.html#adef-class Определение атрибута class в HTML 4.01]

class-design-pattern-ru - Revision history

DinamytE at 18:35, 17 July 2008