共找到3條詞條名為ubb的結果 展開

ubb

替代HTML代碼的安全代碼

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

定義


所謂UBB代碼,是指論壇中的替代HTML代碼的安全代碼。
ubb發帖編輯器
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]
    • 目錄