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="" />
|