HTML中的<map>標(biāo)簽怎么用

這篇文章給大家分享的是有關(guān)HTML中的<map>標(biāo)簽怎么用的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過(guò)來(lái)看看吧。

    HTML<map>標(biāo)簽

    實(shí)例

    帶有可點(diǎn)擊區(qū)域的圖像映射：

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">

<map name="planetmap">

  <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">

  <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">

  <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">

</map>

    瀏覽器支持

    目前大多數(shù)瀏覽器支持<map>標(biāo)簽。

    標(biāo)簽定義及使用說(shuō)明

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

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

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

    HTML4.01與HTML5之間的差異

    注意:在HTML5中,如果id屬性在<map>標(biāo)簽中指定,則你必須同樣指定name屬性。

    HTML與XHTML之間的差異

    在XHTML中，name屬性已經(jīng)廢棄，使用id屬性替換它。

    全局屬性

    <map>標(biāo)簽支持全局屬性，查看完整屬性表HTML全局屬性。

    事件屬性

    <map>標(biāo)簽支持所有HTML事件屬性。

感謝各位的閱讀！關(guān)于“HTML中的<map>標(biāo)簽怎么用”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！