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://wiki.x.io[/url] <a href="http://wiki.x.io">http://wiki.x.io</a> http://wiki.x.io
[url=http://wiki.x.io]Wikipedia[/url] <a href="http://wiki.x.io">Wikipedia</a> Wikipedia
[img]http://up.wiki.x.io/wikipedia/commons/thumb/6/63/Wikipedia-logo.png/72px-Wikipedia-logo.png[/img] <img src="http://up.wiki.x.io/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="" />  

外部链接

编辑