網(wǎng)站中特殊的圖像
作者：佚名 時間：2014-01-04 分享到：
網(wǎng)站中特殊的圖像
圖像文件是可以用錨來引用的多媒體元素，這些文件需要由瀏覽器單獨下載并顯示。但是和其他多媒體不同，標準的HTML和XHTML都有在文本中內(nèi)聯(lián)（inline）顯示它們的明確位置，而且圖像還可以作為超錠接的復(fù)雜的映像。這是因為在業(yè)界內(nèi)，關(guān)于圖像文件格式（特指GIF和jpeg）方面，以及具有內(nèi)置解碼器的圖形瀏覽器方面（它們可以把那些圖像類型集成到文檔中），有著統(tǒng)一的意見。
一些瀏覽器支持除GIF和JPEG圖形以外的其他多媒體格式的內(nèi)聯(lián)顯示。例如internet Explorer, 它支持能夠播放背景音頻的標簽。此外，HTML4和XHTML標準還提供了一種方法，也就是通過某個通用標簽在文檔的文本中顯示其他多媒體類型。
內(nèi)聯(lián)圖像
HTMl/XHTML中用于內(nèi)聯(lián)圖像的標簽是<img>，它要求用src屬性來指定要在文檔中插入的GIF或JPEG圖像的url。
瀏覽器會單獨下載圖像，并把它們插入到文本流中，就好像它們是特殊的（盡管有時可能會有點大的）字符。通常來講，這意味著瀏覽器會把圖像的底部與當前行的文本底部對齊。通過<img>的align屬性可以改變它，通過主穿上屬性的值可以把圖像放在相鄰文字的頂部（top)、中間（middle）或者底部（bottom）從中可以找到自己喜歡的圖像擺放位置。當然，寬圖像也可能占據(jù)整個一行，從而斷開文本流。通過把隨后的部分，段落或者換行標簽加在它的前面或后面，也可以單獨擺放圖像。
有經(jīng)驗的HTMl代碼編寫者不公用圖像來說明文檔，還使用圖像來作為非常小的內(nèi)聯(lián)字符或字形，用它們來吸引讀者的注意力，或者強調(diào)文檔中的某些部分。老練的網(wǎng)站建設(shè)人員通常使用自己定制的項目符號或者更具特色的部分分隔符，滅取代那些傳統(tǒng)的水平分隔線。圖像也可以包含在超鏈接中，這樣用戶通過選擇一個秀小的內(nèi)聯(lián)草圖，就可以下載一幅全屏的圖像。內(nèi)聯(lián)圖像的可能用法真是太多了。
圖像映射（image map）
圖像映射是一個錨內(nèi)具有特殊屬性的圖像；它們可以包含或干個超鏈接。
創(chuàng)建圖像映射的一種方法是為錨標簽<a>中的<img>標簽添加ismap屬性。當用戶和鼠標單擊圖像上的某處時，圖形瀏覽器會將鼠標位置的相對X.Y坐標發(fā)送給該鏈接所指向的服務(wù)器。然后特殊的服務(wù)器程序會將這個圖像的坐標轉(zhuǎn)換成某種特殊的行為，例如下載一個文檔等。
圖像映射的一個很好的例子是旅游時尋找旅館。例如，用戶在自己想去的地區(qū)的地圖上單擊，然后圖像映射服務(wù)器程序?qū)⒎祷禺數(shù)刈∷拿Q、地址和電話號碼等。
雖然它們十分有效，并且十分吸引人，但是主所謂的服務(wù)器端圖像映射，意味著創(chuàng)作者必須訪問服務(wù)器上處理映射坐標的程序。有些創(chuàng)作者甚至都沒有使用過服務(wù)器，更不用說服務(wù)器上的程序了。因些，最好的解決方案是利用客戶端圖像映射。
強于單純依靠web服器的一點是，<img>標簽的usemap屬性和<map>標簽、<area>標簽，允許創(chuàng)作者把瀏覽器處理圖像時需要的所有信息都一同包含在圖像所在的文檔中。因為這樣可以節(jié)省網(wǎng)絡(luò)帶寬，并能減少對服務(wù)器的依賴性，因此客戶端的圖像映射在文檔創(chuàng)作者和系統(tǒng)管理員中更為流行。
如沒特殊注明，文章均為上海聯(lián)楷網(wǎng)絡(luò)原創(chuàng),轉(zhuǎn)載請注明來自：http://www.ktcbnqb.cn/news/20151229/n6672.html
