定義
所謂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] | 下載地址和說明 |
[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中的
- 功能,縮進排版
- ,與以上標籤聯合使用
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]
[OL]文字[/OL] - 相當於html中的
,產生用數字編號的效果[*]文字[/*] - 相當於html中的