定義
所謂UBB代碼,是指論壇中的替代
HTML代碼的安全代碼。
這種代碼使用
正則表達式來進行匹配,不同的論壇所使用的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]
| 下載地址和說明
|
| 加入帶有說明的電子郵件地址。
|
[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] - 不要在標記和標記作用的文字之間加空格。
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=幼圓] 幼圓體
[i]文字[/i]傾斜
[left]文字[/left]文字 左對齊
[center]文字[/center] 居中
[right]文字[/right] 右對齊
[url=連結地址]連結文字[/url]
超級連結[code]文字[/code] 代碼
[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中的<UL>功能,縮進排版
[OL]文字[/OL] - 相當於html中的<OL>,產生用數字編號的效果
[*]文字[/*] - 相當於html中的<li>,與以上標籤聯合使用
5.實現文字飛翔效果(
跑馬燈),相當於html中的<marquee>
[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]文字[/PRE]