您好,登錄后才能下訂單哦!
這篇文章給大家分享的是有關(guān)html中如何使用map標簽的內(nèi)容。小編覺得挺實用的,因此分享給大家做個參考。一起跟隨小編過來看看吧。
html map標簽用于客戶端圖像映射。圖像映射指帶有可點擊區(qū)域的一幅圖像。因為<img>中的 usemap 屬性可引用 <map> 中的 id 或 name 屬性(取決于瀏覽器),所以我們應同時向 <map> 添加 id 和 name 屬性。
html map標簽怎么用?
作用:定義一個客戶端圖像映射。
說明:圖像映射(image-map)指帶有可點擊區(qū)域的一幅圖像。
注釋:area 元素永遠嵌套在 map 元素內(nèi)部。area 元素可定義圖像映射中的區(qū)域。<img>中的 usemap 屬性可引用 <map> 中的 id 或 name 屬性(取決于瀏覽器),所以我們應同時向 <map> 添加 id 和 name 屬性。
html map標簽 示例
<!DOCTYPE html> <html> <body> <img src="https://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg" border="0" usemap="#planetmap" alt="Planets" /> <map name="planetmap" id="planetmap"> <area shape="circle" coords="180,139,14" href ="http://www.php.cn/example/html/venus.html" target ="_blank" alt="Venus" /> <area shape="circle" coords="129,161,10" href ="http://www.php.cn/example/html/venus.html" target ="_blank" alt="Mercury" /> <area shape="rect" coords="0,0,110,260" href ="http://www.php.cn/example/html/venus.html" target ="_blank" alt="Sun" /> </map> <p><b>注釋:</b>img 元素中的 "usemap" 屬性引用 map 元素中的 "id" 或 "name" 屬性(根據(jù)瀏覽器),所以我們同時向 map 元素添加了 "id" 和 "name" 屬性。</p> </body> </html>
感謝各位的閱讀!關(guān)于html中如何使用map標簽就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,讓大家可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。