Поддерживаемые теги

Форматирование текста

Ниже перечислены не все теги, которые могут быть использованы для форматирования текста.

  1. [align] - выравниване текста по левому ([align=left]), правому ([align=right]) краю, по центру ([align=center]) или по ширине ([align=justify]). При конвертации переводится в <div class="bb" align="...">.
     
    Пример:
    [align=right]Текст, выровненный по правому краю.[/align].
     
    Результат:
    Текст, выровненный по правому краю.

  2. [b] - жирный шрифт. Эквивалент HTML-ного <strong class="bb">.
     
    Код
    Результат
    [b]жирный[/b] текст
    жирный текст

  3. [bdo] - эквивалент HTML-ного тега <bdo class="bb">. Определяет направление текста. Примеры:
     
    Код
    Результат
    [bdo=ltr]текст слева направо[/bdo]
    текст слева направо
    [bdo=rtl]текст справа налево[/bdo]
    текст справа налево

    Может, также, принимать атрибут lang, эквивалентный HTML-ному.
     
  4. [big] - более крупный шрифт. Увеличивает его на одну единицу по сравнению с текущим размером. Эквивалент HTML-ного <big class="bb">. Действет также, как [size=+1]. Пример:
     
    Код
    Результат
    увеличить [big]шрифт[/big]
    увеличить шрифт

  5. [br] - разрыв строки. Эквивалент HTML-ного <br class="bb" />. Особого смысла в использовании [br] нет, так как в BBCode для перевода строки достаточен обычный символ перевода строки, вводимый при нажатии клавиши <Enter>. Пример:
     
    Код
    Результат
    начать новую[br]строку
    начать новую
    строку

  6. [center] - сокращение для [align=center].
     
    Пример:
    [center]Текст, выровненный по центру[/center].
     
    Результат:
    Текст, выровненный по центру

  7. [color] - тег для цветового выделения текста. При конвертации переводится в <font color="...">.
     
    Код
    Результат
    [color=red]красный[/color] текст
    красный текст

  8. [em] - курсив. Эквивалент HTML-ного <em class="bb" />. Аналог для [i]. Пример:
     
    Код
    Результат
    текст [em]курсивом[/em]
    текст курсивом

  9. [font] - указать шрифт. Аналог HTML-ного <font>. Поддерживает также атрибуты color, size и face. Примеры:
     
    Код
    Результат
    [font=Arial]текст[/font]
    текст
    [font=Verdana color=red]текст[/font]
    текст
    [font face=Tahoma size=+2]текст[/font]
    текст

  10. [hr] - аналог HTML-ного <hr>. При конвертации переводится в <hr class="bb" />.
     
    Пример: [hr].
    Результат:


  11. [i] - эквивалент HTML-ного <i class="bb">.  Аналог для [em]. Пример:
     
    Код
    Результат
    текст [i]курсивом[/i]
    текст курсивом

  12. [justify] - сокращение для [align=justify]. Пример:
     
    Код
    Результат
    [justify]Выровнять текст по ширине (как в этом абзаце) можно с помощью тега @l;align=justify@r; или с помощью тега @l;justify@r;. Этот тег эквивалентен [b]<div class="bb" align="justify">[/b] в HTML. Помимо выравнивания по ширине возможно также выравнивание по левому краю (тег @l;left@r; или @l;align=left@r;), по правому краю (тег @l;right@r; или @l;align=right@r;) и по центру (тег @l;center@r; или @l;align=center@r;).[/justify].
    Выровнять текст по ширине (как в этом абзаце) можно с помощью тега [align=justify] или с помощью тега [justify]. Этот тег эквивалентен <div class="bb" align="justify"> в HTML. Помимо выравнивания по ширине возможно также выравнивание по левому краю (тег [left] или [align=left]), по правому краю (тег [right] или [align=right]) и по центру (тег [center] или [align=center]).

  13. [left] - сокращение для [align=left].
     
    Пример:
    [left]Текст, выровненный по левому краю.[/left].
     
    Результат:
    Текст, выровненный по левому краю.

  14. [nobb] - тег, внутри которого не происходит конвертации ББКода в HTML, не работают "автоматические ссылки" и не вставляются смайлы. Пример:
     
    Код
    Результат
    [nobb][b]ББКод[/b] со смайлом :)[/nobb]
    [b]ББКод[/b] со смайлом :)

    Должен предупредить, что неоднозначность во вложенности тегов может привести к неожидавшимся результатам.
     
    Например, код
    [nobb] текст1 [/nobb] текст2 [/nobb]
    будет интерпретирован скриптом так:
    [nobb] текст1 [/nobb] текст2 [/nobb]
    Код
    [b] текст1 [nobb] текст2 [/b] текст3 [/nobb] текст4 [/b]
    будет интерпретирован скриптом так:
    [b] текст1 [nobb] текст2 [/nobb][/b] текст3 [/nobb] текст4 [/b]

    Чтобы такого избежать, пользуйтесь мнемониками спецсимволов.
     
  15. [right] - сокращение для [align=right].
     
    Пример:
    [right]Текст, выровненный по правому краю.[/right].
     
    Результат:
    Текст, выровненный по правому краю.

  16. [s] - зачеркнутый текст. Аналог HTML-ного <del class="bb">. Синоним для [strike] и [del]. Пример:
     
    Код
    Результат
    [s]зачеркнутый[/s] текст
    зачеркнутый текст

  17. [size] - тег для изменения размера шрифта. При конвертации переводится в <font size="...">. Пример: "[size=6]текст[/size]". Результат: "текст".
     
  18. [small] - более мелкий шрифт. Уменьшает его на одну единицу по сравнению с текущим размером. Эквивалент HTML-ного <small class="bb">. Действет также, как [size=-1]. Пример:
     
    Код
    Результат
    уменьшить [small]шрифт[/small]
    уменьшить шрифт

  19. [strike] - синоним для [s]. Пример:
     
    Код
    Результат
    [strike]зачеркнутый[/strike] текст
    зачеркнутый текст

  20. [strong] - синоним для [b]. Пример:
     
    Код
    Результат
    [strong]жирный[/strong] текст
    жирный текст

  21. [sub] - нижний индекс. Аналог HTML-ного <sub>. Пример:
     
    Код
    Результат
    нижний[sub]индекс[/sub]
    нижнийиндекс

  22. [sup] - верхний индекс. Аналог HTML-ного <sup>. Пример:
     
    Код
    Результат
    верхний[sup]индекс[/sup]
    верхнийиндекс

  23. [tt] - стиль печатной машинки. Аналог HTML-ного <tt>. Пример:
     
    Код
    Результат
    [tt]Моноширинный текст.[/tt]
    Моноширинный текст.

  24. [u] - подчеркнутый текст. Аналог HTML-ного <u>. Пример:
     
    Код
    Результат
    [u]подчеркнутый[/u] текст
    подчеркнутый текст

    Семантические выделения в тексте


  25. [abbr] - аббревиатура. Эквивалент HTML-ного <abbr class="bb">. Может использоваться в форме [abbr="расшифровка аббревиатуры"], что эквивалентно <abbr class="bb" title="расшифровка аббревиатуры">. Пример:
     
    Код
    Результат
    [abbr="PHP: Hypertext Preprocessor"]PHP[/abbr]
    PHP

  26. [acronym] - акроним. Эквивалент HTML-ного <acronym class="bb">. Может использоваться в форме [acronym="расшифровка акронима"], что эквивалентно <acronym class="bb" title="расшифровка акронима">. Пример:
     
    Код
    Результат
    [acronym="Хранимая процедура"]хранимка[/acronym]
    хранимка

  27. [address] - контактная информация. Эквивалент HTML-ного <address class="bb">. Пример:
     
    Код
    Результат
    [address]Узбекистан, г. Ташкент[/address]
    Узбекистан, г. Ташкент

  28. [bbcode] - тег для подсветки ББКода. Внутри [bbcode] теги BBCode, смайлики, и "автоматические ссылки" не транслируются в HTML, а посвечиваются. Пример:
     
    Код
    Результат
    [bbcode]В содержимом тега @l;bbcode@r; можно использовать мнемонизацию спецсимволов, чтобы исключить неоднозначную трактовку вложенности тегов. Например, неоднозначность "[bbcode] @l;/bbcode@r; [/bbcode]" можно исключить, написав "[bbcode] @at;l;/bbcode@at;r; [/bbcode]". Если же вам надо вывести собственно мнемонику какого-то спецсимвола, то она сама должна быть мнемонизирована. То есть, чтобы вывести '@at;l;', нужно набрать '@at;at;l;'.[/bbcode]
    В содержимом тега [bbcode] можно использовать мнемонизацию спецсимволов, чтобы исключить неоднозначную трактовку вложенности тегов. Например, неоднозначность "[bbcode] [/bbcode] [/bbcode]" можно исключить, написав "[bbcode] @l;/bbcode@r; [/bbcode]". Если же вам надо вывести собственно мнемонику какого-то спецсимвола, то она сама должна быть мнемонизирована. То есть, чтобы вывести '@l;', нужно набрать '@at;l;'.

  29. [blockquote] - синоним тега [quote].
     
  30. [cite] - тег для выделения авторов или источников цитат. Эквивалент HTML-ного <cite class="bb" />. Пример:
     
    Код
    Результат
    "Да будет свет!", - сказал [cite]поэт[/cite].
    "Да будет свет!", - сказал поэт.

  31. [del] - удаленный текст. Отображается как зачеркнутый. Эквивалент HTML-ного <del class="bb" />. Синоним для [s] и [strike]. Пример:
     
    Код
    Результат
    [del]удаленный текст[/del]
    удаленный текст

  32. [h1] - заголовок первого уровня. Эквивалент HTML-ного <h1 class="bb">. Поддерживает атрибут align. Пример:
     
    Код
    Результат
    [h1]Заголовок 1[/h1]

    Заголовок 1


  33. [h2] - заголовок второго уровня. Эквивалент HTML-ного <h2 class="bb">. Поддерживает атрибут align. Пример:
     
    Код
    Результат
    [h2]Заголовок 2[/h2]

    Заголовок 2


  34. [h3] - заголовок третьего уровня. Эквивалент HTML-ного <h3 class="bb">. Поддерживает атрибут align. Пример:
     
    Код
    Результат
    [h3]Заголовок 3[/h3]

    Заголовок 3


  35. [h4] - заголовок четвертого уровня. Эквивалент HTML-ного <h4 class="bb">. Поддерживает атрибут align. Пример:
     
    Код
    Результат
    [h4]Заголовок 4[/h4]

    Заголовок 4


  36. [h5] - заголовок пятого уровня. Эквивалент HTML-ного <h5 class="bb">. Поддерживает атрибут align. Пример:
     
    Код
    Результат
    [h5]Заголовок 5[/h5]
    Заголовок 5

  37. [h6] - заголовок шестого уровня. Эквивалент HTML-ного <h6 class="bb">. Поддерживает атрибут align. Пример:
     
    Код
    Результат
    [h6]Заголовок 6[/h6]
    Заголовок 6

  38. [ins] - тег для выделения добавленных кусков текста (в противоположность тегу [del], выделяющему исключенные куски текста). Эквивалент HTML-ного <ins class="bb">. Пример:
     
    Код
    Результат
    Инициатива [del]наказуема[/del] [ins]поощряема[/ins]
    Инициатива наказуема поощряема

  39. [p] - тег, контейнер абзаца. Нужен для тех, кому небезразлична семантическая правильность набираемых текстов. Эквивалент HTML-ного <p class="bb">. Поддерживает атрибут align. Пример:
     
    Код
    Результат
    [p]Первый абзац, воровненный по умолчанию[/p]
    [p align=center]Второй, по центру[/p]

    Первый абзац, воровненный по умолчанию

    Второй, по центру


  40. [quote] - Цитата. При конвертации конструкция [quote=Автор]текст[/quote] переводится в
     
    <blockquote class="bb_quote"><div class="bb_quote_author">Автор</div>текст</blockquote>
     
    В результате применения таблицы стилей, это может выглядеть так:
     
    Автор
    текст

    Автора указывать необязательно.
    Визуальное оформление цитат следует делать с помощью CSS.
     
    Пример оформления цитат с помощью CSS
    blockquote.bb_quote {
        border: #d0d0d0 1px solid;
        background-color: #f6f6f6;
        padding: 5px;
        margin: 1em 0 0 .75em;
    }
    div.bb_quote_author {
        border: #d0d0d0 1px solid;
        border-width: 1px 2px 2px 1px;
        margin-top: -1.2em;
        background-color: #f6f6f6;
        width: 150px;
        white-space: nowrap;
        font-weight: bold;
        text-align: center;
    }
    div.bb_quote_author:after {
        content: " писал(а):";
    }

  41. [var] - тег для выделения имен переменных из программных кодов. Эквивалент HTML-ного <var class="bb">. Пример:
     
    Код
    Результат
    Переменная [var]$myvar[/var]
    Переменная $myvar
  42. Списки, таблицы, ссылки, картинки

  43. [*] - элемент списка. Аналог HTML-ного <li>. Может содержаться только в тегах [list], [ol], [ul]. Автоматически закрывается, если начинается очередной [*] или если закрывается соответствующий [list], [ol], [ul]. При конвертации переводится в <li class="bb">. Может использоваться в форме [*=целое_число], что эквивалентно <li class="bb" value="целое_число">. Целое число здесь - номер (возможно, переведенный в букву) текущего элемента списка. Смотрите примеры в описании [list].
     
  44. [a] - ссылка. Аналог HTML-ного <a>. Поддерживаются атрибуты title, id (для создания якорей), name (фактически - синоним для id), href и target, аналогичные HTML-ным. Кроме того, поддерживаются атрибуты url (синоним для href) и anchor (синоним для id). Тег [a] может быть использован в следующих формах:
     
    Код
    Пример
    Результат
    [a]адрес_ссылки[/a]
    [a target=_blank]www.pc.uz[/a]
    www.pc.uz
    [a=адрес_ссылки]текст ссылки[/a]
    [a=http://xbb.uz title="Домашняя страница xBB"]xBB.uz[/a]
    xBB.uz
    [a href=адрес_ссылки]текст ссылки[/a]
    [a href=http://apteka.uz]Аптеки Ташкента[/a]
    Аптеки Ташкента
    [a url=адрес_ссылки]текст ссылки[/a]
    [a url=http://restoran.uz]Рестораны Ташкента[/a]
    Рестораны Ташкента

    Код [a id=this /], [a name=this /] или [a anchor=this /] создаст якорь в документе. Если имя якоря не начинается с латинской буквы (как того требует W3C), к нему в начало будет дописано 'bb'.

    Для исправления пользовательских ошибок и для защиты от JavaScript-инъекции, URL-ы преобразуются следующим образом:

    • Все урлы, начинающиеся с какой-то из следующих подстрок: 'ftp://', 'file://', 'http://', 'https://', 'mailto:', 'svn://', '#', '/', '?', './', '../', остаются как есть.
       
    • Если урл начинается с 'www.' (как правило, это - ошибка), то в его начало дописывается 'http://'.
       
    • Во всех других случаях в начало скрипта дописывается './'. Это не меняет относительного пути, но предотвращает попытки JavaScript-инъекций.

  45. [anchor] - якорь в документе. Может использоваться в следующих формах:
     
    Код
    Эквивалент в HTML
    [anchor]имя[/anchor]
    <a id="имя"></a>
    [anchor=имя /]
    <a id="имя"></a>
    [anchor id=имя /]
    <a id="имя"></a>
    [anchor name=имя /]
    <a id="имя"></a>
    [anchor=имя]текст[/anchor]
    <a id="имя">текст</a>

    Если имя якоря не начинается с латинской буквы (как того требует W3C), к нему в начало будет дописано 'bb'.
     
  46. [caption] - заголовок таблицы. Эквивалент HTML-ного <caption class="bb">. Может содержаться только в теге [table]. Смотрите пример в описании [table].
     
  47. [email] - тег для создания гиперссылки e-mail. При конвертации переводится в <a class="bb_email" href="mailto:...">...</a>. Поддерживает также атрибуты title, name и target, аналогичные соответствующим в HTML. Примеры:
     
    Код
    Результат
    [email]info@xbb.uz[/email]
    info@xbb.uz
    [email=info@xbb.uz title="Мой ящик"]Мой ящик[/email]
    Мой ящик

  48. [google] - тег для создания ссылки на Google. При конвертации переводится в <a class="bb_google" href="http://www.google.com/search?q=Запрос">. Поддерживает также атрибуты title, name и target.
     
    Пример: "[google=BBCode target=_blank]Спроси Гугл про ББКод[/google]". Результат: "Спроси Гугл про ББКод".
     
  49. [img] - аналог HTML-ного <img>. Поддерживает атрибуты width, height и border. Примеры:
     
    Код
    Результат
    [img]http://xbb.uz/files/images/xbb.jpg[/img]

    [img width=45 height=29]http://xbb.uz/files/images/xbb.jpg[/img]


  50. [list] - тег для создания списка. Аналог HTML-ных <ul> и <ol>. При конвертации переводится в <ul class="bb"> или в <ol class="bb" type="...">. Единственный вложенный тег - [*], который в свою очередь может иметь вложенные теги. Примеры:
     
    Код
    Результат
    Код
    Результат
    Код
    Результат
    [list]
    [*]Раз
    [*]Два
    [*]Три
    [/list]

    • Раз
    • Два
    • Три
    [list=1]
    [*]Раз
    [*=3]Два
    [*]Три
    [/list]

    1. Раз
    2. Два
    3. Три
    [list=a]
    [*=5]Раз
    [*]Два
    [*]Три
    [/list]

    1. Раз
    2. Два
    3. Три

  51. [ol] - нумерованный список. Сокращение для [list=1]. Примеры:
     
    Код
    Результат
    Код
    Результат
    [ol]
    [*]Раз
    [*]Два
    [*]Три
    [/ol]

    1. Раз
    2. Два
    3. Три
    [ol=a]
    [*]Раз
    [*=3]Два
    [*]Три
    [/ol]

    1. Раз
    2. Два
    3. Три

  52. [table] - таблица. При конвертации переводится в <table class="bb">. Поддерживаются атрибуты border, width, cellspacing, cellpadding и align, аналогичные HTML-ным. В [table] могут быть вложены только теги [caption] (заголовок) и [tr] (строка). Пример:
     
    Код
    Результат
    [table align=center cellspacing=0 cellpadding=5]
    [caption]Заголовок[/caption]
    [tr]
    [th]Столбец 1
    [th]Столбец 2
    [tr]
    [td align=center colspan=2]Строка
    [/table]

    Заголовок
    Столбец 1
    Столбец 2
    Строка

  53. [td] - ячейка таблицы. Аналог HTML-ного <td>. Может быть вложен только в [tr]. При конвертации переводится в <td class="bb">. Поддерживаются атрибуты width, height, align, valign, colspan и rowspan, аналогичные HTML-ным. Пример использования смотрите выше.
     
  54. [th] - заголовок столбца таблицы. Аналог HTML-ного <th>. Может быть вложен только в [tr]. При конвертации переводится в <th class="bb">. Поддерживаются атрибуты width, height, align, valign, colspan и rowspan, аналогичные HTML-ным. Пример использования смотрите выше.
     
  55. [tr] - строка таблицы. Аналог HTML-ного <tr>. Может быть вложен только в [table]. Может содержать только [th] и [td]. При конвертации переводится в <tr class="bb">. Пример использования смотрите выше.
     
  56. [ul] - ненумерованный список. Синоним для тега [list] без параметров. Пример:
     
    Код
    Результат
    [ul]
    [*]Раз
    [*]Два
    [*]Три
    [/ul]

    • Раз
    • Два
    • Три

  57. [url] - ссылка. Синоним для [a].