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,但基本上仍有一些語法因為被廣泛採用而成為共通語法,簡單舉例如下:

More information BBCode, 轉譯後的HTML ...
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"> Thumb
[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="" />
Close

外部連結

Wikiwand in your browser!

Seamless Wikipedia browsing. On steroids.

Every time you click a link to Wikipedia, Wiktionary or Wikiquote in your browser's search results, it will show the modern Wikiwand interface.

Wikiwand extension is a five stars, simple, with minimum permission required to keep your browsing private, safe and transparent.