- 1PS提示：因為圖層已鎖定，無法編輯圖層的處理方法
- 2picacg蘋果版怎么找不到|picacg ios版是不是下架了介紹
- 3Adobe Illustrator CS5 序列號大全
- 4ACDsee注冊碼免費分享（含ACDsee18、ACDsee10等版本）
- 5PDF瀏覽器能看3D文件嗎？PDF瀏覽器看3D文件圖文詳細教程
- 6Potato(馬鈴薯聊天)怎么注冊不了|Potato不能注冊處理方法介紹
- 7Potato(土豆聊天)怎么換頭像|Potato app更改頭像方法介紹
- 8最新的Adobe Illustrator CS4序列號大全
- 9Intel i7-9700K性能跑分曝光：同代提升約12%
- 10qq郵件是否已讀怎么看 QQ郵箱已經發出去的郵件怎么知道對方是否已經查看
- 11AMD推土機架構回顧：雖隕落卻是Zen成功的墊腳石
- 12美國增加25％進口關稅！PC硬件要大漲價
[摘要]html area標簽是什么意思？關于html area標簽的用法你知道多少？本篇文章就給大家介紹了html area標簽的定義和使用案例，還有關于html area標簽屬性的介紹（附實例）html area標簽的定義和用法：<area> 標簽定義圖像映射中的區域（注：圖像映射指得是帶...
html area標簽是什么意思？關于html area標簽的用法你知道多少？本篇文章就給大家介紹了html area標簽的定義和使用案例，還有關于html area標簽屬性的介紹（附實例）html area標簽的定義和用法：
<area> 標簽定義圖像映射中的區域（注：圖像映射指得是帶有可點擊區域的圖像）。
area 元素總是嵌套在 <map> 標簽中。
注釋：<img> 標簽中的 usemap 屬性與 map 元素 name 屬性相關聯，創建圖像與映射之間的聯系。
HTML<area>標簽實例：
帶有可點擊區域的圖像映射：
<img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" /> <map name="planetmap" id="planetmap"> <area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" /> <area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" /> <area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" /> </map>
<area>標簽屬性：
alt：區域的替代文本。
coords：區域的坐標。
href：區域的目標url。
hreflang：目標url的語言，html5中的新屬性。
media：目標url是為何種媒介/設備優化的，html5中的新屬性。
nohref：沒有相關鏈接的區域，html5不支持。
rel：當前文檔與目標url之間的關系，html5中的新屬性。
shape：區域的形狀。
target：在何處打開目標url。
type：目標url的 MIME 類型，html5中的新屬性。
格式：
<area shape="形狀" coords="坐標" href="目標URL">
HTML<area>標簽實例：
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>html< area>標簽_PHP筆記</title> </head> <body> <img src="http://www.php.cn/themes/Nana2.09/images/logo.png" alt="html< area>標簽" width="300px" height="70px" alt="PHP筆記logo" usemap="#logo"> <map name="logo"> <area shape="rect" coords="0,0,70,70" alt="圖標" href="#"> <area shape="rect" coords="85,0,280,50" alt="PHP筆記" href="#"> <area shape="rect" coords="85,50,275,70" alt="www.php.cn" href="#"> </map> <h3>上面圖片被分為3個區域</h3> </body> </body> </html>
注釋：<img> 中的 usemap 屬性可引用 <map> 中的 id 或 name 屬性（由瀏覽器決定），所以我們需要同時向 <map> 添加 id 和 name 兩個屬性。
HTML 與 XHTML 之間的差異
在 HTML 中，<area> 沒有結束標簽。
在 XHTML 中，<area> 必須正確地關閉。
【相關推薦】
html5 source type有什么用處？html5 source標簽的詳細介紹
script標簽在HTML中的作用是什么？script標簽中type屬性的用法是什么？
以上就是html area標簽是什么意思？html area標簽的用法詳解的詳細內容，更多請關注php中文網其它相關文章！
網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。
推薦資訊 總人氣榜
最新教程 本月人氣
- 1最新愛奇藝vip賬號大全（2017.2.16）
- 23組騰訊視頻會員共享賬號（2017.2.16）
- 3最新15組愛奇藝會員賬號密碼分享（2017.2.15）
- 42017年2月15日騰訊視頻會員賬號共享
- 52月14日最新愛奇藝會員賬號密碼
- 62組騰訊視頻會員共享（2017.02.14）
- 7最新搜狐視頻黃金會員帳號共享（2017.2.13）
- 8QQ影音如何播放3D視頻？QQ影音播放3D視頻設置技巧
- 9qq影音如何截取視頻片段？qq影音截取視頻片段圖文說明教程
- 10最新愛奇藝會員賬號密碼大全（2017.2.20）
- 113組騰訊視頻會員賬號共享（2017.2.20）
- 12QQ影音如何截取本地視頻的音頻？
- 1橙子vr如何看百度云資源 橙子vr觀看百度云視頻資源圖文說明教程
- 2oppo r9如何截圖 oppo r9截屏圖文說明教程
- 3vivo x5max如何刷機 vivo x5max刷機圖文說明教程
- 4一加3如何截圖 一加3如何截屏
- 5酷狗k歌如何備份錄音 酷狗k歌錄音備份圖文說明教程
- 6紅米3s如何刷miui8 紅米3s刷機miui8方法流程圖解
- 7小米miui8如何截圖 miui8截屏與圖片編輯技巧使用圖文說明教程
- 8tcl手機750多少錢 tcl750初現手機價格
- 9tcl750手機如何 tcl手機750體驗評測
- 10美圖m6如何?值得買嗎?美圖手機m6評測(圖文)
- 11華碩zenfone3什么時候上市 華碩手機zenfone3上市時間
- 12支付寶賬號分類分為幾種 支付寶限額多少錢
相關文章
- 如何使用html完成流星雨的效果（代碼）
- XHTML的用法與HTML具體有哪一些不同的地方、如何區分？
- HTML中display屬性的屬性值有哪一些？display屬性是如何完成水平垂直居中的？
- 瀏覽器內核以及瀏覽器兼容的問題區分
- 在html頁面的表單選項中如何能有多選技巧?（示例）
- html頁面中的單選框技巧是如何設置完成的？（示例）
- html中address是什么意思？（代碼示例）
- html頁面如何實行數據排序？（附代碼）
- HTML的段落標簽是什么？段落標簽具體都有哪一些屬性？
- html行內元素與塊內元素分別有哪一些？html行內元素與塊內元素的特點說明
- HTML table屬性你知道多少，進來知道一下？
- HTML IMG標簽的屬性是有哪一些？知道IMG標簽的用法
