第4章HTML框架、表單、多媒體_第1頁
第4章HTML框架、表單、多媒體_第2頁
第4章HTML框架、表單、多媒體_第3頁
第4章HTML框架、表單、多媒體_第4頁
第4章HTML框架、表單、多媒體_第5頁
已閱讀5頁,還剩61頁未讀, 繼續(xù)免費閱讀

下載本文檔

版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領

文檔簡介

HTML、CSS、JavaScript

網頁制作學無止境樂在其中第4章HTML框架、表單、多媒體4.1框架集、框架標記4.2表單標記4.3IE瀏覽器滾動字幕、背景音樂與多媒體4.4XHTML播放多媒體標記4.1框架集、框架標記4.1.1框架集文檔的基本結構

框架集文檔實際上并不包含任何頁面內容,它只是告訴瀏覽器將瀏覽器窗口如何排列、每個框架加載哪個HTML頁面。<html><head>…</head>

<frameset>

—框架集

<framesrc="頁面1"/>—框架1<framesrc="頁面2"/>—框架2……

<frameset>

—子框架集

<framesrc="頁面"/>—子框架

……

</frameset>

<iframesrc="頁面"/>—浮動框架—也可用于<body>

<noframes>

—不支持框架時顯示的頁面內容

<body>……</body>||<ahref="頁面"></a>

</noframes>

</frameset></html>注意:框架集<frameset>不允許與<body>標記同時使用,只有在為不支持框架的瀏覽器而設置的<noframes>標記內可包含<body>4.1.2框架集標記<frameset><frameset

rows||cols="框架(集)1大小,框架(集)2大小,…"><framesrc="HTML頁面文件"/>—框架

<iframesrc="HTML頁面文件"/>—浮動框架

<noframes>不支持框架時顯示的頁面內容</noframes>……</frameset><frameset>標記定義框架集,用于包含多個框架(窗口),指定框架數量、尺寸、間距、顏色及排列方式—可內嵌框架集。

rows

按行縱向劃分—各框架上下排列

cols

按列橫向劃分—各框架左右排列注意:rows、cols屬性不要同時使用,否則容易引起混亂。

rows||cols屬性值的個數是包含框架或子框架集的個數,屬性值的個數為框架數量,屬性值的大小為框架的尺寸,可使用數字(像素)、%瀏覽器或父框架百分比、*表示剩余空間—多個*則平均分配。例如:cols="80,*,30%"

表示3列3個框架,第1個80像素,第3個占窗口30%,第2個為剩余空間。rowscols框架集標記其他屬性framespacing

設置框架集中框架之間的間隔寬度,也就是框架輪廓之外的外邊距寬度,默認2(像素)

frameborder

設置框架集中框架外邊距是否可見,取值1外邊距顏色可見、取值0外邊距顏色不可見—透明白色的空白區(qū)域

bordercolor

設置框架集中框架外邊距的顏色,默認與邊框一體—凸起灰白色。如果framespacing外邊距或frameborder可見性設置為0,則顏色設置無效。注意:框架集<frameset>用frameborder設置框架外邊距的可見性,而框架<frame>用frameborder設置邊框的可見性,在IE7瀏覽器中這兩個屬性的設置會相互影響。一般情況下框架集frameborder默認為1—外邊距可見,但如果框架集中所有框架都用frameborder="0"設置輪廓線不可見,則框架集frameborder將默認為0—外邊距不可見,此時如果顯示外邊距顏色則必須設置frameborder="1"。內嵌框架集默認采用外層父框架集的設置,也可獨立設置覆蓋父框架集的設置。4.1.3框架標記<frame/><frame

src="頁面文件URL"/>

按順序定義框架集中的一個框架,必須在<frameset>內使用。

src

指定顯示在該框架中的頁面文件URL。

id||name

為框架定義唯一名稱—針對不同瀏覽器可同時使用

scrolling

設置滾動條:auto(默認)需要時yes總是有no沒有

noresize

設置框架是否可調整:默認可調整、noresize固定

marginheight定義框架的上下內邊距—內容與邊框的距離

marginwidth

定義框架的左右內邊距

frameborder

設置邊框是否可見:1可見(默認)0不顯示如果未設置框架frameborder則繼承框架集的該屬性如果框架集frameborder默認或設置為1外邊距可見,則所包含框架的邊框默認為1可見,如果框架集設置為0則所包含框架的邊框默認為0不可見—如果顯示框架邊框則必須設置為1。若所有框架frameborder設置為0則框架集frameborder會默認為0—外邊距不可見。在框架內的頁面中使用<a>鏈接時,可使用target屬性將頁面鏈接到id||name指定的任意框架或_self當前框架(默認)、_blank新窗口、_parent父框架、_top頂層瀏覽器窗口。

<ahref="URL"target="目標框架id或name">鏈接文本</a>4.1.4不支持框架標記<noframes><noframes>不支持框架時顯示的頁面內容</noframes><noframes>標簽必須用于<frameset>標記內,僅為不支持框架的瀏覽器提供備用顯示頁面,對支持框架瀏覽器無效—忽略

<noframes>標記內可以使用<body>定義完整獨立的頁面—或者直接超鏈接到某個頁面。例如:

<frameset><framesrc="頁面"/>……

<noframes><body><p>對不起,您的瀏覽器不支持框架網頁的顯示。<br/>—可在此定義相關的頁面,或者使用:

<ahref="URL">點擊這里</a>查看其它相關頁面。

</p></body>

</noframes></frameset>【例h4-1.html】框架示例【例h4-2.html】用默認屬性按列使用框架【例h4-3.html】使用框架嵌套【例】利用框架實現導航【例】利用框架實現導航—導航頁面h4-5.html【例】導航頁面h4-5.html【例h4-6.html】用框架集鏈接外部網頁4.1.5浮動框架標記<iframe><iframe

src="頁面文件URL"></iframe><iframe>是一個行內雙標記,可用于在<body>頁面中創(chuàng)建一個內聯(lián)“浮動”框架—內部窗口,以打開另外一個獨立頁面或一幅圖像。

width

設置浮動框架寬度

height

設置浮動框架高度

align

設置浮動框架在頁面中的對齊方式left、right、center

其他id||name

指定唯一名稱、scrolling

滾動條(默認auto需要時、yes總是有、

no沒有)、marginheight上下、marginwidth

左右內邊距等屬性與<frame>框架標記用法相同。同樣,在<a>標記target屬性中指定<iframe>的id||name屬性

<a

href="URL"target="內聯(lián)框架id||name">

可以將鏈接頁面加載到指定的浮動框架中。

注意:在不支持<iframe>的瀏覽器中,則<iframe>不可見?!纠齢4-7.html】普通<body>頁面中使用浮動框架4.2表單標記

到目前為止所能設計的網頁都屬于靜態(tài)網頁,用戶只能單向從網站獲取瀏覽信息,即使使用JavaScript也只能實現視覺上的動態(tài)效果,而不是真正意義上的動態(tài)網頁。實際上HTML是一條雙行通道,用戶也可以通過網頁向網站服務器提交發(fā)送信息,由服務器的處理程序收集保存,具有向服務器提交信息功能的網頁就是所謂的動態(tài)網頁。動態(tài)網頁由兩部分構成:用表單收集并發(fā)送用戶信息的HTML頁面接收處理用戶信息并對用戶作出響應的后臺服務器程序在HTML頁面中能接受用戶輸入信息并提交發(fā)送給服務器的標記統(tǒng)稱為表單,表單是用戶通過頁面與網站服務器進行交互的工具,可實現網絡注冊、登錄驗證、問卷調查、信息發(fā)布、訂單購物等功能。本書只介紹HTML頁面中使用的表單標記,有關接收處理用戶信息的后臺服務器程序可參閱ASP、JSP、PHP等相關書籍。4.2.1創(chuàng)建表單標記<form><form

action="服務器url||mailto:Email"

[

id||name="表單唯一名稱"method="post||get"]><用戶輸入標記>—位置任意只在<form>中才能發(fā)送服務器

<其他任意HTML標記>—正常顯示不發(fā)送給服務器

</form><form>標記負責收集用戶輸入信息、并在用戶點擊提交按鈕時將這些信息發(fā)送給action指定的服務器程序。在html頁面<body>內任意位置插入<form></form>標記即可創(chuàng)建表單,一個頁面可創(chuàng)建多個表單—發(fā)送給不同服務器程序。

action

指定接受表單數據的服務器URL||mailto:Email地址

URL可以是絕對或相對路徑,

#表示當前頁面自己

id||name

定義表單惟一名稱—多表單時區(qū)分,建議使用id

method

指定傳送數據的HTTP方法

get方法(默認):將信息用&隔開用?附加在地址之后提交不能包含非ASCII字符、不超過8192個字符—不保密

post方法:數據封裝在表單對象中發(fā)送、無限制保密性強

accept、accept-charset、enctype

指定服務器接受的內容類型及字符編碼、表單內容編碼的MIME類型。4.2.2表單輸入標記<input/>

用戶輸入提交數據使用的文本框、單選復選框、提交重置按鈕等都是<input/>輸入元素—控件。

<input/>可位于頁面<body>任意位置,但只有位于<form>內才能被<form>收集并發(fā)送給服務器,否則只具有顯示功能。

<input

type="控件類型"name="控件名稱"/>type

指定元素的控件類型,默認為單行文本框"text"name指定與輸入數據(鍵值)相關聯(lián)的惟一標識名稱(鍵名)id指定唯一名稱—配合JavaScript操作元素時響應事件

注意:<input/>標記是行內空標記(必須正確關閉),可聯(lián)合<label>標記使用,該標記中僅包含屬性,除type、id、name等必須屬性外,不同類型的控件尚有其他不同的可選屬性。1、單行文本框type="text"<input[type="text"]

name="名稱"value="默認值"

size="顯示寬度"maxlength="允許輸入最多字符數"

readonly="readonly"

disabled="disabled"/>value指定控件默認初值—用戶不輸入時提交的name鍵值

size

指定控件的顯示寬度(默認顯示長度為20個英文字符)

maxlength

指定控件允許輸入的最多字符(漢字)數(默認不限)disabled

設置第1次加載時禁用該控件—灰色不可用(默認可用)

readonly指定內容為只讀—不能編輯修改(默認可編輯)2、密碼框type="password"<inputtype="password"

name="名稱"value="默認值"

size="顯示寬度"maxlength="最大字符數"

readonly="readonly"

disabled="disabled"/>

用戶在密碼框中輸入的內容自動顯示為圓點,各屬性的設置用法與文本框完全相同。3、隱藏表單域

type="hidden"<inputtype="hidden"

name="名稱"value="默認值"/>

隱藏表單域在頁面中不顯示—對用戶不可見,由網頁設計人員對某些特殊頁面設置特殊標記值,當用戶提交表單時隱藏表單域的name鍵名與value設置的鍵值自動發(fā)送到服務器—服務器程序根據隱藏表單域的值即可判斷是哪一個頁面發(fā)送的表單。

隱藏表單域不能使用disabled控件禁用屬性?!纠齢4-8.html】使用文本框、密碼框、隱藏表單域【h4-8.html】使用文本框、密碼框、隱藏表單域【h4-8.html】使用文本框、密碼框、隱藏表單域<tr><td>文本框readonly="readonly"</td><td><inputvalue="只讀不能輸入修改"size="16"readonly="readonly"/></td></tr><tr><td>密碼框maxlength="10"</td><td><inputvalue="最多10個字符"type="password"size="16"maxlength="10"/></td></tr><tr><td>密碼框disabled="disabled"</td><td><inputvalue="灰色不可用"type="password"size="16"disabled="disabled"/></td></tr></table></form></body></html>4、復選框type="checkbox"<inputtype="checkbox"

name="名稱"value="提交值"

checked="checked"disabled="disabled"/>checked

設置第一次加載時該控件被選中(默認不選中)

一組復選框可以同時選中多個,<form>提交值為數組:

name名稱={選中的提交值1,選中的提交值2,……}

注意:同一組中多個復選框的name名稱必須相同,每個復選框用value設置自己被選中時的提交值。5、單選框(按鈕)type="radio"<inputtype="radio"

name="名稱"value="提交值"checked="checked"disabled="disabled"/>

同一組多個單選按鈕是互斥的,任何時刻只能選擇其中一個—提交值最多只有一個。同一組多個單選按鈕的name名稱必須相同,各自用value設置自己被選中時的提交值。同一組中最多只能有一個單選按鈕可用checked屬性設置第一次加載時已被選中。6、提交按鈕type="submit"<inputtype="submit"

id||name="名稱"value="顯示文字"

size="顯示寬度"disabled="disabled"/>

value

設置按鈕顯示的文字—默認submit或提交查詢內容

size

設置顯示寬度—IE不起作用,默認為按鈕名稱長度

id||name設置按鈕惟一名稱只配合JavaScript響應單擊事件提交按鈕是表單<form>中的核心控件,當用戶輸入信息完畢后一般都是通過點擊提交按鈕完成表單的提交—通知<form>收集輸入元素值并按action指定的"服務器url"發(fā)送給服務器。7、重置(復位)按鈕type="reset"

當用戶輸入信息有誤時,可通過點擊重置按鈕取消已輸入的所有表單信息—恢復為初始默認值,等待重新輸入。

<inputtype="reset"

id||name="名稱"value="顯示文字"

size="顯示寬度"disabled="disabled"/>value設置按鈕顯示的文字—默認“reset”或“重置”

size

設置按鈕顯示寬度,IE不起作用,默認為按鈕名稱長度

id||name

設置按鈕惟一名稱,只配合JavaScript響應單擊事件【例h4-9.html】提交、重置輸入信息8、上傳文件選擇框type="file"<inputtype="file"

name="名稱"size="顯示寬度"accept="文件MIME類型列表"disabled="disabled"/>

該標記顯示為一個文本框帶一個“瀏覽…”按鈕,可直接輸入上傳文件路徑及文件名,也可通過“瀏覽…”彈出對話框中選擇

accept

指定上傳文件的MIME類型列表—多種類型逗號隔開例如上傳GIF和JPEG兩種圖像:

accept="image/gif,image/jpeg"/>或:accept="image/*"

注意:應避免使用accept—由服務器負責驗證上傳文件。9、用圖像代替提交按鈕type="image"<inputtype="image"

src="圖像文件URL"

id||name="名稱"size="顯示寬度"

alt="圖像不顯示或鼠標指向的替代文本"

width="寬度"height="高度"border="0||1"/>

該標記可以顯示圖像代替提交按鈕,當用戶點擊該圖像時通知<form>收集表單數據并按action發(fā)送給指定服務器程序。10、標準按鈕type="button"<inputtype="button"

id||name="名稱"

value="顯示名稱"size="顯示寬度"/>

size

設置顯示寬度—IE不起作用,默認為按鈕名稱長度該標記只定義一個可點擊的按鈕,對表單沒有任何行為,但可響應單擊事件啟動JavaScript程序。例如通過單擊按鈕可調用JavaScript函數checke()對表單中某些數據進行驗證:

<inputtype="button"value="驗證表單數據"

onclick="checke()"/>

或者單擊按鈕調用JavaScript函數play()啟動音頻播放器播放指定音樂:<inputtype="button"value="打開背景音樂"onclick="play()"/>【例h4-10.html】表單應用—使用表格可對表單元素定位

【例h4-10.html】表單應用<tr><td>上傳照片:</td><td><inputtype="file"

name="pic"size="30"/></td></tr></table><inputtype="hidden"name="type"value="3"/><br/><inputtype="image"src="img/p4-1.gif"alt="提交"/>

單擊圖像提交表單數據<inputtype="reset"/><br/><inputtype="button"value="驗證表單數據"onclick="checke()"/><inputtype="button"value="打開背景音樂"onclick="play()"/></form></body></html>4.2.3文本區(qū)標記<textarea><textarea>標記可定義一個多行文本區(qū)域,用于輸入無限數量的文本,只有位于<form>內方可被收集發(fā)送給服務器。

<textarea

name="名稱"rows="可見行數"cols="可見列數"

wrap="換行模式"readonly="readonly"disabled="disabled">

[初始默認文本]</textarea>cols和rows

指定顯示行列數—可用CSS的height和width屬性

wrap指定文本換行模式,取值virtual、physical、offvirtual按文本區(qū)寬度自動換行—該換行不會傳給服務器

physical按文本區(qū)寬度自動換行并將該換行傳送給服務器

off由用戶控制換行注意:文本區(qū)標記內初始默認文本中的空格、換行都會顯示在文本區(qū),用戶輸入的文字默認采用等寬字體(fixedpitch),輸入時可打回車或用"%OD%OA"回車換行符進行段落分隔。輸入內容超出顯示區(qū)域后會自動增加滾動條。4.2.4按鈕標記<button><button>標簽可自定義按鈕,比<inputtype="button"/>按鈕提供了更強大的功能和更豐富的內容,在button內可放置任意文本或圖像—包括多媒體播放內容。唯一禁止的是圖像映射—避免鼠標單擊按鈕與單擊圖像熱點區(qū)域的混淆。

<button

id||name="名稱"type="按鈕類型"

value="按鈕初始值"disabled="disabled">

[按鈕文本、圖像或多媒體]</button>type

定義按鈕的類型:普通button(IE默認)、復位重置reset、提交submit(W3C規(guī)范及其他瀏覽器默認)

value

設置按鈕的初始值,此值可被腳本修改。

注意:<button>最好配合JavaScript事件,如果在表單中使用,不同瀏覽器會提交不同的值—例如IE提交<button>與<button/>之間的文本,而其他瀏覽器將提交value屬性值?!纠齢4-11.html】文本區(qū)與button按鈕4.2.5滾動與下拉列表標記<select>、<option>

<select

name="名稱"size="可見選項數"

multiple="multiple"

disabled="disabled">

<option>選擇項</option>……

</select><select>標記可創(chuàng)建下拉列表(單選菜單,只能選擇1項)或滾動列表(多選菜單,即可單選、也可同時按ctrl鍵選擇多項)。

size指定菜單中可見選擇項數—指定滾動或下拉列表類型省略或取size="1"為下拉列表—單選,大于1為滾動列表

multiple屬性僅當size>1有效—允許滾動列表多選省略為單選

注意:下拉列表表單提交值:name名稱=所選項的單個value值滾動列表提交值為數組:

name名稱={所選項1的value值,所選項1的value值,……}1、創(chuàng)建滾動、下拉列表標記<select>2、列表選項標記<option>

<option

value="提交選項值"name="名稱"

selected="selected"

disabled="disabled">

頁面顯示的選項值

</option>

<option>標簽定義滾動或下拉列表中的一個選項(條目)—

必須在<select>標記內使用。

value

指定提交服務器的選項值—省略默認顯示的選項文本

selected

指定列表初始被選中的項目—單選時只能指定1個

disabled指定該項首次加載時被禁用—不起作用【例h4-12.html】列表選擇框【例h4-12.html】列表選擇框<selectname="month"><optionvalue="1">一月</option><optionvalue="2">二月</option><optionvalue="3"selected="selected">三月</option><optionvalue="4">四月</option><optionvalue="5">五月</option><optionvalue="6">六月</option><optionvalue="7">七月</option><optionvalue="8">八月</option><optionvalue="9">九月</option><optionvalue="10">十月</option><optionvalue="11">十一月</option><optionvalue="12">十二月</option></select>月<br/><br/>

愛好(多選):特長(單選):<br/><selectname="like1"size="3"

multiple="multiple"><optionvalue="1"selected="selected">音樂</option><optionvalue="2">美術</option><optionvalue="3"selected="selected">體育</option><optionvalue="4">勞動</option></select>    【例h4-12.html】列表選擇框<selectname="like2"size="3"><option>唱歌</option><option>畫畫</option><option>長跑</option><option>短跑</option></select><br/><br/><inputtype="submit"value="提交"/>

<inputtype="reset"value="重置"/></form></body></html>3、列表項分組標記<optgroup><optgrouplabel="分組名"><option>選擇項</option>……</optgroup><optgroup>標記可定義選項組,用于對列表項進行分組,必須在<select>標記內使用。分組名顯示為加粗斜體不能被選擇,被分組的列表項將采用縮進顯示?!纠齢4-13.html】列表選擇框分組4.2.6控件標簽標記<label><label

for="控件id">標注內容</label>

<label>標簽可為表單控件定義一個標注或標簽,當用戶點擊該標注內容時瀏覽器自動將光標焦點轉到相關的控件上。

for屬性可將<label>的標注內容綁定到表單控件—顯式關聯(lián)單擊“用戶名”或“修改用戶名”文本光標會自動移到id="un"的文本框中,同樣單擊“修改密碼”文本光標會自動移到id="up"的密碼框中。4.2.7表單分組及標題標記<fieldset><legend>【例h4-15.html】對兩個表單分組,一個整體、一個部分分組<formaction="#"method="post">

用戶名:<inputname="user"/><br/>密

碼:

<inputtype="password"name="pass"/><br/><br/><fieldset><legend>出生年月:</legend><selectname="year"><option>1990</option><option>1991</option><option>1992</option><option>1993</option><option>1994</option><option>1995</option></select>年

<selectname="month"><optionvalue="一月">一月</option><optionvalue="二月">二月</option><optionvalue="三月">三月</option><optionvalue="四月">四月</option></select>月<br/><br/></fieldset><br/><inputtype="submit"/><inputtype="reset"/></form></body></html>4.3IE瀏覽器滾動字幕、背景音樂與多媒體

<marquee>滾動文字—字幕文本</marquee><marquee>標記可在IE瀏覽器中添加滾動的文字—字幕。滾動文本的樣式、變體、粗細、字號、字體等可使用CSS設置。

width/height

滾動范圍—默認瀏覽器寬度、文字的高度

hspace/vspace

范圍上下/左右背景區(qū)域外的外邊距—默認0

即背景面積與周圍元素之間的空白空間

bgcolor

背景顏色,可用CSS:background-color:背景顏色;

direction滾動方向:left(默認),right,up,down

behavior滾動方式:scroll循環(huán)(默認),slide一次,alternate往復

loop

循環(huán)次數(默認無限)—behavior="slide"時loop為準

scrollamount滾動速度—每次移動文字的距離,越大越快

scrolldelay

滾動延時(毫秒)—每次移動時間間隔,越小越快

注意:字幕的移動效果應使用滾動速度scrollamount與滾動延時scrolldelay協(xié)調配合。4.3.1IE瀏覽器滾動文字標記<marquee>【例h4-16.html】滾動文字【例h4-17.html】滾動方向、方式、速度4.3.2IE瀏覽器播放背景音樂標記<bgsound><bgsound

src="音樂文件URL"loop="播放次數"/><bgsound/>標記可以將midi、avi、mp3格式的音樂或音頻文件作為網頁背景音樂播放。

src

指定音頻文件的絕對或相對路徑及文件名

loop

用數字指定播放次數,默認播放1次,取值-1或infinite為無限循環(huán)【例h4-18.html】添加背景音樂4.3.3IE瀏覽器播放多媒體標記<embed><embed

src="多媒體文件URL"

width="播放插件高度"height="播放插件寬度"

hidden="是否隱藏播放插件"

autostart="是否自動播放"loop="是否循環(huán)播放"></embed><embed>標記是一個行內標記,可以播放音頻音樂MP3、MID、WAV,視頻電影WMV、AVI、ASF、MPEG和SWF、Flash動畫等多媒體文件。

src

指定音頻或視頻文件的絕對或相對路徑及文件名

hidden是否隱藏播放面板false||no(默認)不隱藏true隱藏

autostart

自動播放false||no(默認)不自動播放true自動播放

loop

循環(huán)播放false||no(默認)只播放一次true循環(huán)播放

type

指定播放文件的MIME類型

wmode

指定播放模式,默認不透明,transparent透明注意:對Flash動畫文件若不設置width、height則采用原圖尺寸,視頻文件若不指定會采用默認播放器插件尺寸,音頻文件若不指定則播放器不可見—但會占據頁面固定的空間。如果指定了播放插件大小,但使用hidden="true"隱藏播放插件,則播放插件大小無效仍占據頁面固定空間。<embed>標記type屬性值audio/x-wavWAV音頻audio/basicAU音頻audio/mpegMP3、RM音頻audio/midiMID音頻audio/x-ms-wmaWMA音頻audio/x-pn-realaudio-pluginRealAudiovideo/x-msvideoAVIvideo/x-ms-wmvWMVvideo/mpegMPEG視頻video/quicktimeQuickTime【例h4-19.html】播放音頻文件、flash文件【例h4-20.html】播放視頻文件4.4XHTML播放多媒體標記

將圖像或多媒體音頻、視頻文件包含到網頁中最簡單、最可靠的方法是使用超鏈接標記<a>鏈接到這些文件,就像鏈接另一個html文件。當用戶單擊鏈接文本時可以“打開”—播放或“保存”這些文件。為了將多媒體放到網頁,瀏覽器開發(fā)商最初提供了多種相互沖突的解決方案,例如對<img>的擴展以及<embed>標記也曾十分流行,最終都已被XHTML標準的<object>取代。

注意:XHTML不支持<embed>標記。4.4.1嵌入對象標記<object>、<param><object>標記可定義一個嵌入頁面的多媒體或Apple對象,由于并不是所有瀏覽器都支持<object>標記(如Opera瀏覽器不顯示任何內容),因此<object>同時提供了一個所有瀏覽器都能支持解決方案:如果不能顯示<object>則執(zhí)行標記內的代碼,就是說可以在<object>標記內嵌套針對不同瀏覽器的<object>或<embed>作為候補替換文本,實現最大程度地與瀏覽器兼容。1、嵌入播放器對象標記<object><object首選嵌入對象標記>—可位于head或body內

<param

為嵌入對象提供參數/>

<object第一備用嵌入對象標記></object>

<embed其他備用替換標記></embed></object>

classid

指定瀏覽器引用對象的URL—通常是Java類的ID

width/height

指定嵌入對象的寬度高度

name

指定對象的唯一名稱—以便在腳本中使用

codetype

指定classid所引用代碼的MIME類型

codebase指定對象URL的基準URL

standby

指定對象在加載過程中所顯示的文本

archive

指向與對象相關的資源文件URL列表—空格分隔

data

指定對象需要處理的數據文件的URL

type

指定data指定文件的數據MIME類型

declare

指定對象僅可被聲明—不能創(chuàng)建—直到得到應用

usemap

指定與對象一同使用的客戶端圖像映射的URLXHTML不贊成align、border、hspace、vspace屬性2、為嵌入對象提供參數標記<param/><param

name="參數名稱—鍵名"value="參數值—鍵值"/><param/>標簽必須在<object>或<ap

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間,僅對用戶上傳內容的表現方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論