Набранный в верхнем регистре тег <WRAP> (или же <block> или <div>) трансформируется в div и используется для оформления «объёмных» контейнеров, отбивки абзацев, списков, таблиц и других подобных элементов.

<WRAP классы ширина :язык>
«объёмный» контент
</WRAP>

или
<block классы ширина :язык>
«объёмный» контент
</block>

или
<div классы ширина :язык>
«объёмный» контент
</div>

Набранный в нижнем регистре тег <wrap> (или же <inline> или <span>) трансформируется в span и используется для оформления «небольших» контейнеров, текста внутри абзацев, списков, таблиц и других подобных элементов.

<wrap классы ширина :язык>"небольшой" контент</wrap>

или
<inline классы ширина :язык>"небольшой" контент</inline>

или
<span классы ширина :язык>"небольшой" контент</span>

Пожалуйста, имейте в виду, что некоторые эффекты невозможно получить, если спаны набраны в нижнем регистре:

• выравнивание (включая варианты выравнивания, созданные с помощью изменения направления текста)
• мультиколонки
• и ширина

и соответствующий обрамляющий блок тоже не является float’ом.

Колонки легко добавляются с введением класса column и указанием ширины. Например:

<WRAP column 30%>...контент...</WRAP>

//**__Эмуляция заголовка 1-го уровня__**//

//**Эмуляция заголовка 2-го уровня**//

**//Нет заголовка//**

При использовании любого из этих классов для создания «плавающих» элементов может возникнуть ситуация, когда следующий текст выдаётся в пространство, где должны располагаться только «плавающие» контейнеры…

Чтобы этого избежать, нужно просто добавить <WRAP clear></WRAP> после последней колонки.

Те же варианты можно использовать и со спанами (так как каждый «плавающий» элемент автоматически является блочным элементом), однако большого смысла в этом не будет. Обычно указание значения ширины для спана не даёт никакого видимого эффекта, но может иметь значение при использовании float'ов.

Внимание: Установка ширины элемента зачастую приводит к тому, что элемент выглядит по-разному и разрывает дизайн в некоторых браузерах. Если вы не являетесь специалистом в разработке сайтов, проблемы использования разных блочных моделей могут быть вам непонятны. Просто попробуйте тестировать ваши колонки во всех основных браузерах и несколько уменьшите первоначальную ширину элементов.

Все эти варианты также применимы и с обрамляющими блоками типа блоков и примечаний (см. ниже).

Можно использовать следующие типы выравнивания:

• leftalign
• rightalign
• centeralign
• justify

<WRAP centeralign>
Текст, выравненный по центру...
</WRAP>

<WRAP rightalign>
...и по правому краю.
</WRAP>

Нельзя добавить выравнивание к span'ам.

<WRAP info></WRAP>

<WRAP tip></WRAP>

<WRAP important></WRAP>

<WRAP alert></WRAP>

<WRAP round help></WRAP>

<WRAP download></WRAP>

<WRAP todo></WRAP>

Оповещения об опасности:

<WRAP danger></WRAP>

<WRAP warning></WRAP>

<WRAP caution></WRAP>

<WRAP round notice></WRAP>

<WRAP round safety></WRAP>

Также блоки и примечания можно использовать внутри текстов со спанами, подобных этим: info, help, alert, important, tip, download, todo иround box, а также danger, warning, caution, notice, safety.

<wrap info>info</wrap>, <wrap help>help</wrap>, ...

Вы можете выделить текст ярким цветом, сделать более бледным или специально выделить.

Вы можете выделить текст <wrap hi>ярким цветом</wrap>, <wrap lo>сделать более бледным</wrap> или <wrap em>специально выделить</wrap>.

В некоторых шаблонах такое выделение выглядит неаккуратным, поэтому рекомендуется действовать по ситуации.

Данный текст будет смещён вправо.

<wrap indent>Данный текст будет смещён вправо.</wrap>

Данный текст будет смещён влево.

<wrap outdent>Данный текст будет смещён влево.</wrap>

Внутри этого блока слова будут переноситься на новую строку, несмотря на то, что все они написаны в одной строке.

<WRAP prewrap 250px>
<code>
Внутри этого блока слова будут переноситься на новую строку, несмотря на то, что все они написаны в одной строке.

</WRAP> </code>

Так выглядит спойлер: Дарт Вейдер — отец Люка.

Так выглядит спойлер: <wrap spoiler>Дарт Вейдер –-- отец Люка.</wrap>

Чтобы прочесть текст внутри блока спойлера, его достаточно просто выделить.

Следующий текст скрыт: Иван, пожалуйста, проверьте это предложение.

Следующий текст скрыт: <wrap hide>Иван, пожалуйста, проверьте это предложение.</wrap>

Внимание: скрываемый текст всё равно будет присутствовать в исходном коде, будет отображаться в старых браузерах и будет индексироваться поисковиками. Не используйте спойлеры для того, чтобы спрятать важные данные с его помощью!

Таким образом оформляется разрыв страницы:

Таким образом оформляется разрыв страницы: <WRAP pagebreak></WRAP>

В браузере данный код не производит никакого визуального эффекта. Однако при печати, благодаря разрыву страницы выводится новая страница.

С помощью такого кода можно избежать разрыва страницы:

С помощью такого кода можно избежать разрыва страницы: <WRAP nopagebreak>много связанного текста (например, длинная таблица)</WRAP>

В браузере данный код также не производит никакого визуального эффекта. Попробуем убрать разрыв страницы при выводе на печать.

Данный текст видно на экране, но он не выводится на печать.

<wrap noprint>Данный текст видно на экране, но он не выводится на печать.</wrap>

Данный текст не видно на экране, но он выводится на печать.

<wrap onlyprint>Данный текст не видно на экране, но он выводится на печать.</wrap>

Вы можете комбинировать и вкладывать друг в друга все классы и все типы блоков. Например:

<WRAP box 350px right :en>
//**__Внешний блок отодвигается вправо__**//

<WRAP 165px left>
Внутренний вложенный блок отодвигается влево, он частично <wrap em hi>__вы__делен и __под__чёркнут, а также содержит <wrap notice>__примечание__</wrap>внутри себя</wrap>.
</WRAP>

Текст, располагающийся внутри внешнего правого блока под внутренним левым блоком.

<WRAP clear></WRAP>

<WRAP round tip>
Блок со скруглённой рамкой внизу, после ''clear''.
</WRAP>
</WRAP>

Изменить язык и направление текста в обрамляющем блоке можно просто добавив двоеточие и код необходимого языка. Например:

<WRAP :he>
זה עברית. ((Перевод: «Это --- иврит», так, по крайней мере, утверждает <wrap :en>[[http://translate.google.com/|Google Translate]]</wrap>.))
</WRAP>

Направление текста (rtl — справа налево или ltr — слева направо) подставится автоматически и будет зависеть только от выбранного языка. Этот список поддерживаемых в настоящий момент языков взят со страницы: Template:List of language names ordered by code. (Если вы укажете язык не входящий в список, тег просто не сработает).

1. Перевод осуществлён Анной Мартыновой и опубликован под лицензией CC-BY-SA.
2. Описание актуально для версии v2011-05-15.
   

Техническая поддержка ПО: it@tenso-m.ru
Сервисный центр: srv@tenso-m.ru
Другие вопросы и пожелания: faq@tenso-m.ru