html5中map標(biāo)簽的用法是什么

html5中map標(biāo)簽用于定義一個客戶端圖像映射，也就是一個有可點擊區(qū)域的圖像，語法為“<map name="value">...</map>”，圖像元素可以引用該標(biāo)簽的“name”屬性來實現(xiàn)圖像映射，因此“name”屬性是必不可少的。
創(chuàng)新互聯(lián)公司長期為1000多家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊從業(yè)經(jīng)驗10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為湯旺企業(yè)提供專業(yè)的成都做網(wǎng)站、成都網(wǎng)站設(shè)計，湯旺網(wǎng)站改版等技術(shù)服務(wù)。擁有十年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。

本教程操作環(huán)境：windows10系統(tǒng)、HTML5版、Dell G3電腦。

<map> 標(biāo)簽用于客戶端圖像映射。圖像映射指帶有可點擊區(qū)域的一幅圖像。

<img>中的 usemap 屬性可引用 <map> 中的 id 或 name 屬性（取決于瀏覽器），所以我們應(yīng)同時向 <map> 添加 id 和 name 屬性。

area 元素永遠(yuǎn)嵌套在 map 元素內(nèi)部。area 元素可定義圖像映射中的區(qū)域。

語法如下：

示例如下：

<html><head><meta charset="utf-8"><title>123</title></head><body><p>點擊太陽或其他行星，注意變化：</p><img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap"><map name="planetmap"> <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm"> <area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm"> <area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm"></map></body></html>

輸出結(jié)果：

當(dāng)點擊圖片之后，會跳轉(zhuǎn)頁面：

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)頁設(shè)計公司、企業(yè)網(wǎng)站制作、網(wǎng)站內(nèi)鏈、定制開發(fā)、外貿(mào)建站、虛擬主機(jī)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

html5中map標(biāo)簽的用法是什么