BBCodeBulletin Board Code缩写,有译为“BB代码”者,属于轻量级标记语言(Lightweight Markup Language)的一种,如字面上所显示的,它主要是使用在BBS论坛Blog网路应用上。BBCode最初由Ultimate Bulletin Board讨论区系统发展出来,因此常见UBB代码的称呼。BBCode的语法通常为[標記]的形式,即语法左右用两个中括号包围,以作为与正常文字间的区别。系统解译时遇上中括弧便知道该处是BBcode,会在解译结果输出到用户端时转换成最为通用的HTML语法。

目的

BBcode有两个主要目的:

  • 便利
最为通用的HTML语法虽然已相当简单易懂,但仍需要一定时间学习后才能上手,因此BBcode采用更为直觉易学的语法,转换为HTML的工作则交由系统来代劳。
  • 安全
过去BBS论坛Blog也曾经设计开放HTML语法让用户使用,但却衍生出语法输入错误时造成整页排版错乱、有心人利用HTML语法进行XSS式的攻击与破坏等问题。由于BBcode的转换为系统机械式的行为,所以可以有效避免人为输入错误的问题,而BBcode为预先设计好的语法,也就是说意图以BBcode达成所有的HTML语法效果是不可能的,相当于一种语法过滤,如此便可避免所有可能发生的恶意破坏。

范例

BBcode并没有一个共同的标准,各个BBS论坛Blog等网路应用程式可能会有自己独创的BBcode,但基本上仍有一些语法因为被广泛采用而成为共通语法,简单举例如下:

BBCode 转译后的HTML 效果
[b]粗體[/b] <b>粗體</b> 粗体
[i]斜體[/i] <i>斜體</i> 斜体
[u]底線[/u] <u>底線</u> 底线
[url]http://wikipedia.org[/url] <a href="http://wikipedia.org">http://wikipedia.org</a> http://wikipedia.org
[url=http://wikipedia.org]Wikipedia[/url] <a href="http://wikipedia.org">Wikipedia</a> Wikipedia
[img]http://upload.wikimedia.org/wikipedia/commons/thumb/6/63/Wikipedia-logo.png/72px-Wikipedia-logo.png[/img] <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/6/63/Wikipedia-logo.png/72px-Wikipedia-logo.png">  
[quote]引言[/quote] <blockquote><p>引言</p></blockquote>
(可能为其他更复杂的语法)
引用:

引言

[code]Monospace固定字元寬度[/code] <pre>Monospace固定字元寬度</pre>
(可能为其他更复杂的语法)
Monospace固定字元寬度
[size=24]文字[/size] <span style="font-size:24px;">文字</span> 文字
[color=red]紅字[/color]

[color=#FF0000]紅字[/color]

<span style="color: #FF0000;">紅字</span> 红字
[:-)] (也有省略中括号的设计)

:smile:

(参见表情符号

<img src="Face-smile.gif" alt="" />  

外部链接