BBCode
外观
BBCode是Bulletin 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] 或
|
<span style="color: #FF0000;">紅字</span>
|
红字 |
[:-)] (也有省略中括号的设计)或
(参见表情符号) |
<img src="Face-smile.gif" alt="" />
|