» 首頁 » 討論區 » PHP與網頁技術 »【XHTML】元素屬性表

【XHTML】元素屬性表

發表人: 藍淵
積分: 294
發表時間: 2010-08-11 17:34:56
元素屬性表
共同屬性
class 指定該元素的類別名稱,可以重複使用
id 指定該元素的ID名稱,一個頁面只能使用一次
style 直接將樣式套用到元素上
title 用來為元素加上補充資訊的屬性


區塊層級元素
blockquota元素
 功能:表示引用文
 屬性:
cite 表示引用文的引用元之屬性,其質為URL

form元素
 功能:定義表單整體
 屬性:
action 指定輸入之資料的傳送目標,當傳送目標主要都是CGI時就會以URL來指定
accept 限定網路伺服器所能接受的MIME類型
accept-charset 指定傳送出去之資料的編碼方式
method 指定傳送資料時的HTTP請求所使用的方法,有POST及GET兩種
enctype 在method屬性中使用POST時可以指定傳送出去之資料的MIME類型

div元素
 功能:用來分隔區塊的元素,可用於進行群組化的時候
 屬性:
共同  

center元素
 功能:將元素中的內容置中對齊
 屬性:
共同

fieldset元素
 功能:將表單的控制項框住並群組化,並有框線顯示
 屬性:
共同

address元素
 功能:用於顯示文件作者的聯絡方式和著作權聲明
 屬性:
共同

h1~h6元素
 功能:為文章內容加上標的層級元素,h1最大,h6最小
 屬性:
共同

p元素
 功能:表示文章內容之段落
 屬性:
共同

pre元素
 功能:按到輸入狀態來顯示文字,常用來表示原始碼或程式碼的文章
 屬性:
共同

dl,ol,ul元素
 功能:製作定義清單,編號清單,條列清單
 屬性:
共同

hr元素
 功能:顯示水平線
 屬性:
color 指定水平線的顏色,採16位元RGB值或顏色名稱的方式
共同

button元素
 功能:製作按鈕
 屬性:
disabled 完全禁止使用和選擇任何控制項
name 指定表單傳送值時的資料名稱,但盡量用id替代
type 指定按鈕的形式,submit(提交),button(一般),reset(重設)
value 指定傳送的內容
accesskey 設定能透過鍵盤進行操作的存取鍵
共同

iframe元素
 功能:在頁框中顯示其他來源的資訊,不過現在已經很少使用頁框了
 屬性:
height 指定行內頁框的高度
width 指定行內頁框的寬度
frameborder 是否顯示邊界
longdesc 表示具有行內頁框之詳細說明的URL
marginheight 設定與週邊文字間的上下間隔
marginwidth 設定與週邊文字間的左右間隔
name 頁框名稱,並以target屬性來參照連結目標之特定來源
src 在行內頁框中以URL來指定頁面或影像檔等來源的位置
共同

ins元素
 功能:用來表示新增和插入的文字
 屬性:
cite 表示引用文的引用元之屬性,其值為URL
datetime 指定修改日期
共同

map元素
 功能:製作客戶端的影像地圖,現今也很少使用
 屬性:
name 地圖名稱,並以target屬性來參照連結目標之特定來源
共同

object元素
 功能:可以將外部文件放到網頁中
 屬性:
archive 表示與物件建立關聯之資料庫的URL
classid 指定Java Applet的class檔案
codetype 指定以classid屬性指定之物件的MIME類型
data 以URL來指定物件的位置
declare 只宣告物件,並讓程式處於執行前的待機狀態
height 指定物件的高度
width 指定物件的寬度
standby 指定下載程式的等待時間中的顯示訊息
type 指定以data屬性製作之物件的MIME類型
usemap 可用來與以map元素製作之客戶端影像地圖建立關聯
name 指定將該物件作為表單控制項的名稱
共同

table元素
 功能:製作表格
 屬性:
background 當表格的背景是影像時,指定該影像的URL
border 指定各儲存格之外側格線的粗細
cellpadding 指定各儲存格的格線與內容之間的間隔
cellspacing 指定區隔儲存格之格線的間距
frame 框線顯示控制,預設為void
void 不顯示框線
above 只顯示上方
below 只顯示下方
lhs 只顯示左方
rhs 只顯示右方
hsides 顯示上下方
vsides 顯示左右方
box 顯示所有框線
border 顯示所有框線
summary 指定表格整體所顯示的資訊,以及說明表格結構的文字
共同


行內元素
a元素
 功能:製作連結及頁籤
 屬性:
href 指定連結目標的URL
name 指定頁面中的位置(#)
共同

applet元素
 功能:使用於在網頁中嵌入Java Applet的時候
 屬性:
alt 指定無法顯示時的替代文字
共同

b元素
 功能:用來將文字顯示為粗體
 屬性:
共同

i元素
 功能:用來將文字顯示為斜體
 屬性:
共同

br元素
 功能:用來將文字和影像之類的行內內容換行
 屬性:
共同

cite元素
 功能:表示引用元等來源的參照
 屬性:
共同

code元素
 功能:表示電腦的程式原始碼
 屬性:
共同

del元素
 功能:表示指定之範圍被刪除
 屬性:
cite 以URL來顯示「為何無法變更內容的說明資訊」
datetime 指定修改日期
共同

img元素
 功能:在指定處嵌入影像
 屬性:
alt 指定影像無法顯示時的替代文字
name 影像名稱,可配合Script參照使用
src 指定影像的URL
usemap 用於指定客戶端影像地圖的時候
height 指定影像的高度
width 指定影像的寬度
共同

input元素
 功能:製作各種用來輸入的表單物件
text 輸入文字
submit 提交按鈕
reset 重設按鈕
botton 一般按鈕
hidden 隱藏
radio 單選
checkbox 複選
password 密碼輸入
image 圖片按鈕
 屬性:
accept 當type屬性為file時,可以限制網路伺服器能接收的MIME
alt 指定影像無法顯示時的替代文字
checked 當type屬性為radio或checkbox時,可以顯示項目處於已選取的狀態
disable 禁止使用者進行輸入
ismap 當type屬性為image時,可以指定伺服器端影像地圖
maxlength 當type屬性為password或text時,可以指定輸入欄位最多可輸入幾個字
name 控制項的名稱
readonly 禁止由使用者來輸入與變更控制項
size 指定控制項的寬度
src 當type屬性的值為image時,可以用URL來指定顯示影像之位置
type 指定input的類型
usemap 當type為imgae時可以和客戶端影像地圖建立關聯
value 指定表單控制項的初始值
共同

label元素
 功能:將表單的組件與其項目名稱建立關聯
 屬性:
for 指定說明各個控制項的標籤之ID名稱
共同

select元素
 功能:製作選單來作為表單的一個控制項
 屬性:
disabled 禁止使用者操作選單
multiple 可以選擇複數的項目
name 指定選單(控制項)的名稱
size 指定選單的高度
共同

span元素
 功能:無意義,通常用來配合樣式表
 屬性:
共同

strong元素
 功能:強調語句的元素
 屬性:
共同

textarea元素
 功能:可輸入數行文字的表單欄位
 屬性:
cols 指定輸入列數
rows 指定輸入行數
name 欄位名稱
readonly 禁止使用者進行輸入
wrap 指定文字的折返
共同

tt元素
 功能:以等寬字型顯示所有文字
 屬性:
共同



Script元素
script元素
 功能:在網頁中嵌入客戶端Script
 屬性:
charset 指定記述script原始碼的檔案之字集
language 指定使用的script語言之版本
src 使用外部檔案時,可用URL指定位置
type 用MIME類型來指定script語言的種類
id
發表人: 藍淵
積分: 294
發表時間: 2010-08-11 17:36:39
有的屬性使用上還是不太靈活,須多加練習...
另外如果<a>元素的target無法使用,要如何開新視窗,
或者未來已經不需要這樣的介面?
發表人: Seachaos
積分: 2432
發表時間: 2010-08-12 01:04:27
XHTML 1.0 Transitional是可以使用target的
或是透過javascript等方法來輔助也是可以的
發表人: 藍淵
積分: 294
發表時間: 2010-08-12 11:54:36
ok...