這篇文章主要介紹了html中使用area標簽的案例，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
html area標簽用于帶有可點擊區域的圖像映射，area元素總是嵌套在<map>標簽中。<img>標簽中的usemap屬性與map元素name屬性相關聯，創建圖像與映射之間的聯系。
html area標簽怎么用？
作用：帶有可點擊區域的圖像映射
說明：
<img> 中的 usemap 屬性可引用 <map> 中的 id 或 name 屬性（由瀏覽器決定），所以我們需要同時向 <map> 添加 id 和 name 兩個屬性。
注釋：
<area> 標簽定義圖像映射中的區域（注：圖像映射指得是帶有可點擊區域的圖像）。area 元素總是嵌套在 <map> 標簽中。<img> 標簽中的 usemap 屬性與 map 元素 name 屬性相關聯，創建圖像與映射之間的聯系。
html area標簽 示例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<img src="http://www.php.cn/tpl/Index/Static/img/banner7.jpg" border="0" usemap="#studymap" alt="study" />
<map name="studymap" id="studymap">
<area shape="circle" coords="180,139,14" href ="http://www.php.cn" />
<area shape="circle" coords="129,161,10" href ="http://www.php.cn" />
<area shape="rect" coords="0,0,110,260" href ="http://www.php.cn" />
</map>
</body>
</html>感謝你能夠認真閱讀完這篇文章，希望小編分享html中使用area標簽的案例內容對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，遇到問題就找億速云，詳細的解決方法等著你來學習!
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
