2019-03-18 14:37:17 2271瀏覽
area元素對從事HTML5開發(fā)的人來說是不陌生的,area 元素總是嵌套在<map>標(biāo)簽中,本篇文章扣丁學(xué)堂HTML5培訓(xùn)小編就和大家詳細(xì)分享一下html area標(biāo)簽,感興趣的小伙伴就一起來學(xué)習(xí)一下吧。
注:<img> 標(biāo)簽中的 usemap 屬性與 <map> 元素 name 屬性相關(guān)聯(lián),創(chuàng)建圖像與映射之間的聯(lián)系。<img> 中的 usemap 屬性可引用 <map> 中的 id 或 name 屬性(由瀏覽器決定),所以我們需要同時向 <map> 添加 id 和 name 兩個屬性。
屬性值:
href : 點(diǎn)擊區(qū)域跳轉(zhuǎn)的鏈接。alt : 圖片無法正常顯示時提示的信息。
shape & coords:
1、距形:(左上角頂點(diǎn)坐標(biāo)為(x1,y1),右下角頂點(diǎn)坐標(biāo)為(x2,y2))
<area shape="rect" coords="x1,y1,x2,y2" href=url>
2、圓形:(圓心坐標(biāo)為(X1,y1),半徑為r)
<area shape="circle" coords="x1,y1,r" href=url>
3、多邊形:(各頂點(diǎn)坐標(biāo)依次為(x1,y1)、(x2,y2)、(x3,y3) ......)
<area shape="poly" coords="x1,y1,x2,y2 ......" href=url>
以上就是扣丁學(xué)堂HTML5在線學(xué)習(xí)小編給大家分享的html area標(biāo)簽詳解的簡單內(nèi)容,希望對小伙伴們有所幫助,想要了解更多內(nèi)容的小伙伴可以登錄扣丁學(xué)堂官網(wǎng)咨詢。想要學(xué)好HTML5開發(fā)小編給大家推薦口碑良好的扣丁學(xué)堂,扣丁學(xué)堂有專業(yè)老師制定的HTML5學(xué)習(xí)路線圖輔助學(xué)員學(xué)習(xí),此外還有與時俱進(jìn)的HTML5視頻教程供大家學(xué)習(xí),扣丁學(xué)堂H5技術(shù)交流群:673883249。
【關(guān)注微信公眾號獲取更多學(xué)習(xí)資料】
查看更多關(guān)于“HTML5開發(fā)技術(shù)資訊”的相關(guān)文章>>