Interested Article - BBCode
- 2020-01-10
- 1
BBCode ( аббр. от англ. b ulletin b oard code ) — язык разметки , используемый для форматирования сообщений на многих электронных досках объявлений (BBS) и форумах . Для форматирования текста используются теги , подобные тегам HTML , но, в отличие от них, заключённые в квадратные скобки («[» и «]»). Перед отображением страницы программа (движок) форума производит разбор текста и преобразование его в код веб-страницы.
BBCode был создан в 1998 году для движка досок объявлений Ultimate Bulletin Board (UBB), написанного на языке Perl . В 2000 году поддержка BBCode была добавлена в движок для форумов phpBB , написанный на языке PHP .
BBCode был придуман с целью предоставить более простой, безопасный и ограниченный по сравнению с HTML способ форматирования сообщений. Первоначально многие BBS позволяли пользователям использовать HTML-разметку, что могло приводить к побочным эффектам, таким как искажение разметки на странице, запуск JavaScript -сценариев (иногда в целях вандализма). Некоторые реализации BBCode, использующие упрощённые методы трансляции в HTML, также могут испытывать проблемы с безопасностью.
Хотя основные теги BBCode мало отличаются в большинстве интернет-форумов , существует большое количество вариаций. Некоторые реализации чувствительны к регистру символов внутри тегов, другие позволяют подсвечивать текст HTML, PHP , SQL и других языков разметки и программирования при помощи специальных тегов.
Теги BBCode
В следующей таблице перечислены теги BBCode, используемые на большинстве современных форумов, а также эквивалентный HTML -код. Стоит заметить, что с помощью CSS внешний вид HTML может быть изменён и может различаться на разных сайтах. На многих форумах опубликован список часто задаваемых вопросов и ответов с описанием применяемой реализации BBCode.
Описание | Код на BBCode | Код на HTML | Результат | |||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Рисование текста полужирным шрифтом |
[b]Текст[/b]
|
<b>Текст</b>,
<strong>Текст</strong>
<span style="font-weight: bold;">Текст</span>
Рекомендуется использовать тег <strong>. |
Текст | |||||||||
Рисование текста курсивным шрифтом |
[i]Текст[/i]
|
<i>Текст</i>,
<em>Текст</em>
<span style="font-style: italic;">Текст</span>
Рекомендуется использовать тег <em>. |
Текст | |||||||||
Рисование подчёркнутого текста |
[u]Текст[/u]
|
<u>Текст</u>,
<ins>Текст</ins>
<span style="text-decoration: underline;">Текст</span>
Рекомендуется использовать тег <span>. |
Текст | |||||||||
Рисование зачёркнутого текста |
[s]Текст[/s]
|
<s>Текст</s>,
<del>Текст</del>
<span style="text-decoration: line-through;">Текст</span>
Рекомендуется использовать тег <del>. |
|
|||||||||
Применение нескольких тегов |
[s][u][b][i]Текст[/i][/b][/u][/s]
|
<s><u><b><i>Текст</i></b></u></s>
|
|
|||||||||
Вставка ссылки с видимым текстом |
[url=https://ru.wikipedia.org]Текст[/url]
|
<a href="https://ru.wikipedia.org">Текст</a>
|
||||||||||
Вставка ссылки с видимым URL (адресом) |
[url]https://ru.wikipedia.org[/url]
[url=https://ru.wikipedia.org]https://ru.wikipedia.org[/url]
|
<a href="https://ru.wikipedia.org">https://ru.wikipedia.org</a>
|
||||||||||
Вставка изображения |
[img]https://upload.wikimedia.org/wikipedia/commons/8/80/Wikipedia-logo-v2.svg[/img]
|
<img src="https://upload.wikimedia.org/wikipedia/commons/8/80/Wikipedia-logo-v2.svg" alt="" />
Текст, записанный в атрибуте
|
||||||||||
Вставка ссылки в виде изображения |
[url=https://ru.wikipedia.org][img]https://upload.wikimedia.org/wikipedia/commons/8/80/Wikipedia-logo-v2.svg[/img][/url]
|
<a href="https://ru.wikipedia.org" ><img src="https://upload.wikimedia.org/wikipedia/commons/8/80/Wikipedia-logo-v2.svg" alt="" /></a>
|
||||||||||
Вставка цитаты |
[quote]Цитируемый текст[/quote]
[quote="имя автора текста"]Цитируемый текст[/quote]
|
<blockquote><p>Цитируемый текст</p></blockquote>
Может быть реализовано более изощрённым способом. |
Цитата:
|
|||||||||
Рисование текста моноширинным шрифтом |
[code]Текст[/code]
В движках часто реализована подсветка синтаксиса различных языков. |
<pre>Текст</pre>
<code style="white-space: pre;">Текст</code>
Рекомендуется использовать тег <code>. |
Текст
|
|||||||||
Рисование текста шрифтом указанного размера |
[size=15]Текст[/size]
[size="15px"]Текст[/size]
Размер (высоту) шрифта можно задать без единицы измерения (будут использоваться пиксели (px) ), в пикселях (px), в пунктах (pt) , относительно текущего размера (слова «small», «medium», «large» и др.) и др. (см. описание свойства CSS ). |
<span style="font-size: 15px;">Текст</span>
|
Текст | |||||||||
Рисование текста указанным цветом |
[color=red]Текст[/color]
[color="#ff0000"]Текст[/color]
[style color=#ff0000]Текст[/style]
Цвет текста можно задать по имени или по шестнадцатеричному коду (см. цвета HTML ). Некоторые реализации позволяют записывать код цвета без символа «#». |
<span style="color: #ff0000;">Текст</span>
|
Текст | |||||||||
Вставка смайлика или эмотикона |
:)
[:-)]
Существуют версии BBCode, которые позволяют не записывать символы «[» и «]». |
<img src="smile.png" alt=":-)" />
|
||||||||||
Вставка списка |
[list]
[*] Пункт 1.
[*] Пункт 2.
[*] Пункт 3.
[/list]
Некоторые реализации позволяют записывать «*» вместо «[*]». [list]
* Пункт 1.
* Пункт 2.
* Пункт 3.
[/list]
Другие реализации поддерживают «[ul]» ( англ. u nordered l ist — неупорядоченный или маркированный список), «[ol]» ( англ. o rdered l ist — упорядоченный или нумерованный список) и «[li]» ( англ. l ist i tem ). Маркированный список. [ul]
[li] Пункт 1. [/li]
[li] Пункт 2. [/li]
[li] Пункт 3. [/li]
[/ul]
Нумерованный список. [ol]
[li] Пункт 1. [/li]
[li] Пункт 2. [/li]
[li] Пункт 3. [/li]
[/ol]
|
Маркированный список.
<ul>
<li> Пункт 1. </li>
<li> Пункт 2. </li>
<li> Пункт 3. </li>
</ul>
Нумерованный список. <ol>
<li> Пункт 1. </li>
<li> Пункт 2. </li>
<li> Пункт 3. </li>
</ol>
|
Маркированный список.
Нумерованный список.
|
|||||||||
Вставка таблицы |
[table]
[tr]
[td] 1 [/td]
[td] 2 [/td]
[td] 3 [/td]
[/tr]
[tr]
[td] 4 [/td]
[td] 5 [/td]
[td] 6 [/td]
[/tr]
[tr]
[td] 7 [/td]
[td] 8 [/td]
[td] 9 [/td]
[/tr]
[/table]
|
<table>
<tr>
<td> 1 </td>
<td> 2 </td>
<td> 3 </td>
</tr>
<tr>
<td> 4 </td>
<td> 5 </td>
<td> 6 </td>
</tr>
<tr>
<td> 7 </td>
<td> 8 </td>
<td> 9 </td>
</tr>
</table>
|
|
Ссылки
- (англ.) . phpBB.com. Дата обращения: 23 ноября 2005. Архивировано из 12 декабря 2005 года.
- (англ.)
- (недоступная ссылка) для Mozilla Firefox
- (англ.)
- (англ.)
Онлайн-конвертеры
- онлайн-конвертер
- 2020-01-10
- 1