UBB代碼

UBB代碼是HTML（標準通用標記語言下的一個套用）的一個變種，是Ultimate Bulletin Board （國外的一個BBS程式）採用的一種特殊的TAG。您也許已經對它很熟悉了。UBB代碼很簡單，功能很少，但是由於其Tag語法檢查實現非常容易，所以不少網站引入了這種代碼，以方便網友使用顯示圖片/連結/加粗字型等常見功能。

定義

所謂UBB代碼，是指論壇中的替代HTML代碼的安全代碼。

ubb發帖編輯器

這種代碼使用正則表達式來進行匹配，不同的論壇所使用的UBB代碼很可能不同，不能一概而論。UBB代碼的出現，使得論壇可以使用類似HTML的標籤來增加文字的屬性，同時又不用害怕HTML代碼中所夾帶的不良信息！

UBB並沒有明確的標準，網路上的UBB種類繁多，語法不一。

介紹

UBB 標記是您可能已經熟悉的 HTML標記的一種變種。基本上，它允許您在文章中添加本來需要 HTML 標記的功能或風格。即使您所在的討論區不允許使用 HTML 標記，UBB 標記仍然可以使用。因為比 HTML 要求更少的編碼技術，您也許更願意使用 UBB 標記，即便討論區允許使用 HTML 標記。

您不能在一個功能中混合使用 HTML 和 UBB 標記。同時 UBB 標記是大小寫無關的 (因而，你可以使用大寫或小寫).

標記

支持的標記

UBB支持的標記主要如下表格所示

：

UltraBoard Code	說明
[url]www.atool.org[/url]	加入帶有說明的超級連結。
[url=http://www.atool.org]www.atool.org[/url]
[url=http://www.atool.org]www.atool.org[/url]
[download=http://www.atool.org/2.zip]下載[/download]	下載地址和說明
[email][email protected][/email]	加入帶有說明的電子郵件地址。
[img]http://www.atool.org/res/logo.png[/img]	顯示你的圖像，但請記住，http://是必須的。
[b]粗體[/b]	粗體顯示
[i]斜體[/i]	斜體顯示
[u]下劃線[/u]	帶有下劃線的顯示
[1]字號一[/1]	字號一
[2]字號二[/2]	字號二
[3]字號三[/3]	字號三
[4]字號四[/4]	字號四
[sup]上標[/sup]	上標顯示
[sub]下標[/sub]	下標顯示
[center]居中[/center]	居中顯示
[right]居右[/right]
[color=#0000FF]顏色[/color]	帶有顏色的顯示
[&]	顯示符號 &
[*]條目	無序縮進和列表
[list]條目	條目
[quote]引用[/quote]	引用顯示
[fly]滾動文本[/fly]	相當於html marquee tag,其中direction為right，behavior為scroll，scrollamount為10，scrolldelay為200
[font=宋體]字型[/font]	字型
[size=3]字型大小[/size]	字型大小
[#f7f7f7]彩色[/#]	同[color]標記
[w]http://www.atool.org[/w]或	在當前瀏覽其中顯示一個瀏覽器視窗，相當於iframe，請注意url必須輸入正確
[f w=200 h=300]http://www.atool.org/1.swf[/f] [f]http://www.atool.org/1.swf[/f]	flash,w為高度，h為寬度，使用第二種方式時預設寬度和高度為500像素
[code]代碼[/code]	代碼顯示

UBB標記說明

您不能在一個功能中混合使用 HTML 和 UBB 標記。同時 UBB 標記是大小寫無關的 (因而，你可以使用 [URL] 或 [url])。

不正確的 UBB 標記用法有以下：

不支持嵌套。

[url="www.atool.org"]www.atool.org[/url] - 等於號後加的內容不用加引號。

[url] www.atool.org [/url] - 不要在標記和標記作用的文字之間加空格。

[email][email protected][email] - 結束標記必須包括正斜槓 ([/email])。

UBB與HTML

UBB與HTML一樣，都是用來標記文本，並賦予文本一定的樣式動作，但UBB作為HTML的一個變種，具備有代碼簡單、功能實用、上手簡單、安全性高、不存在xss注入問題，因此被廣泛引用於論壇討論組等網站。

但因為畢竟HTML是主流的標記語言，而且HTML語法較UBB豐富，因此存在著將UBB和HTML轉化的需求，對於UBB和HTML之間的轉換，僅僅需要對應UBB的語法標籤，利用正則表達式匹配即可完成

。

舉例

使用方法

[red]文字[/red]紅色

[green]文字[/green] 綠色

[blue]文字[/blue] 藍色

[white]文字[/white] 白色

[purple]文字[/purple] 紫色

[yellow]文字[/yellow] 黃色

[violet]文字[/violet] 紫羅蘭色

[brown]文字[/brown] 褐色

[black]文字[/black] 黑色

[pink]文字[/pink] 粉紅色

[orange]文字[/orange] 橙色

[gold]文字[/gold] 金色

[h1]文字[/h1] 標題1

[h2]文字[/h2] 標題2

[h3]文字[/h3] 標題3

[h4]文字[/h4] 標題4

[h5]文字[/h5] 標題5

[h6]文字[/h6] 標題6

[size=1]文字[/size=1] 1號字

[size=2]文字[/size=2] 2號字(偏小)

[size=3]文字[/size=3] 3號字(正常大小)

[size=4]文字[/size=4] 4號字(偏大)

[size=5]文字[/size=5] 5號字

[size=6]文字[/size=6] 6號字

[font=仿宋]文字[/font=仿宋] 仿宋體

[font=黑體]文字[/font=黑體] 黑體

[font=楷體]文字[/font=楷體] 楷體

[font=隸書]文字[/font=隸書] 隸書體

[font=宋體]文字[/font=宋體] 宋體

[font=幼圓]文字[/font=幼圓] 幼圓體

[b]文字[/b]加粗

[u]文字[/u] 下劃線

[i]文字[/i]傾斜

[left]文字[/left]文字 左對齊

[center]文字[/center] 居中

[right]文字[/right] 右對齊

[url=連結地址]連結文字[/url] 超級連結

[code]文字[/code] 代碼

[IMG]圖片地址[/IMG] 貼圖

[mail]文字[/mail] EMAIL地址

[quote]文字[/quote] 引用文字

[movl]文字[/movl] 文字左移

[movlr]文字[/movlr] 文字左右移

[movr]文字[/movr] 文字右移

[hide]文字[/hide] 隱藏回復可見內容，只能用於主題帖

[flash]文字[/flash] flash地址(swf)

[music]文字[/music] 音樂地址(mp3，wma，rm，mid)

[movie]文字[/movie] 電影地址(wmv，avi)

[media]文字[/media] 電影地址(wmv，avi)

[light]文字[/light] 彩字

功能

功能UBB代碼可以實現哪些HTML的功能，及它的使用例子和技巧？

1.有兩種方法可以加入超級連線，可以連線具體地址或者文字連

2.實現HTML中的代碼功能，用表格框上

[CODE]文欄位落[/CODE]

3.引用效果，用表格框上

[QUOTE]引用段落[/QUOTE]

4.實現HTML目錄效果

[UL]文字[/UL] - 相當於html中的

功能，縮進排版

[OL]文字[/OL] - 相當於html中的

，產生用數字編號的效果

[*]文字[/*] - 相當於html中的

• ，與以上標籤聯合使用

  5.實現文字飛翔效果(跑馬燈)，相當於html中的

  [FLY]文字[/FLY]

  6.插入單元線

  [HR].....[/HR]

  7.實現文字發光特效，GLOW內屬性依次為寬度、顏色和邊界大小

  [GLOW=255,RED,2]文字[/GLOW]

  8.實現文字陰影特效，SHADOW內屬性依次為寬度、顏色和邊界大小

  [SHADOW=255,RED,2]文字[/SHADOW]

  9.實現文字顏色改變

  [COLOR=顏色]文本[/COLOR]

  10.實現文字大小改變

  [SIZE=數字]文字[/SIZE]

  11.實現文字字型轉換

  [FACE=字型]文字[/FACE]

  12.插入中劃線

  [STRIKE]文字[/STRIKE]

  13.插入ShockWave格式檔案，中間的數字為寬度和長度

  [DIR=寬度,高度]http://....[/DIR]

  14.插入RealPlayer格式的rm檔案，中間的數字為寬度和長度

  [RM=寬度,高度]http://....[/RM]

  15.插入為Midia Player格式的檔案，中間的數字為寬度和長度

  [MP=寬度,高度]http://....[/MP]

  16.插入為QuickTime格式的檔案，中間的數字為寬度和長度

  [QT=寬度,高度]http://....[/QT]

  17.上標文字

  ，效果：LeadBBS2

  18.下標文字

  [sub]文字[/sub]，效果：LeadBBS2

  19.指定文字顏色及背景顏色

  [BGCOLOR=前景顏色,文字顏色]文字[/BGCOLOR]

  20.插入背景音樂

  [SOUND]背景音樂檔案地址[/SOUND]

  21.插入欄目框

  [FIELDSET=標題]內容[/FIELDSET]

  22.逐字閃爍效果

  [LIGHT]閃爍文字[/LIGHT]

  23.插入無形狀可嵌套表格，其中NULLTR與NULLTD可多次使用，主要用於排版

  [NULLTABLE][NULLTR][NULLTD]內容[/NULLTD][/NULLTR][/NULLTABLE]

  24.插入表格

  內容

  插入複雜的表格，其中對齊方式可指定，也可不指定

  [TABLE=框線色,單元間距,單元邊距,表格寬,對齊方式,背景色,框線粗細]內容32.已編排格式，等同於HTML中的

  標籤

  [PRE]文字[/PRE]