本文聊的是錨點(diǎn)和熱點(diǎn)區(qū)域的錨點(diǎn)
喵
想要更詳細(xì)的了解錨點(diǎn)可以學(xué)習(xí)
其實(shí)錨點(diǎn)還算簡(jiǎn)單，是學(xué)習(xí)的少了才不知道熱點(diǎn)區(qū)域map這個(gè)標(biāo)簽，所以特來(lái)總結(jié)與分享。
有什么用？
一篇長(zhǎng)文想要快速通過(guò)目錄來(lái)進(jìn)行閱讀之類的功能
介紹
百度百科-錨點(diǎn)：是網(wǎng)頁(yè)制作中超級(jí)鏈接的一種，又叫命名錨記。命名錨記像一個(gè)迅速定位器一樣是一種頁(yè)面內(nèi)的超級(jí)鏈接，運(yùn)用相當(dāng)普遍。
個(gè)人理解的錨點(diǎn)：快速定位，hash。由于在地址的后面價(jià)格#的大部分都是hash，如今的單頁(yè)路由的原理也和hash有關(guān)。
hash
錨點(diǎn)的使用a標(biāo)簽的href是個(gè)關(guān)鍵
幾種使用方法：
a標(biāo)簽href 跳轉(zhuǎn)對(duì)象為元素為id 也可以通過(guò)name來(lái)進(jìn)行跳轉(zhuǎn)前提有name屬性
// 大家可以給元素加點(diǎn)css
<a href="#1F"></a>
<a href="#2F"></a>
<div id="1F">1F</div>
<a name="2F">2F</a>
在圖片上也想做錨點(diǎn)？用map
<body>
<map name="Map">
<area shape="poly" coords="245,18,254,97,255,143,263,161,258,182,256,217,250,239,242,257,240,281,237,296,272,297,302,300,325,299,338,296,354,297,375,298,394,298,408,298,419,298,421,291,416,282,413,264,409,250,402,232,395,215,387,196,386,183,381,170,372,160,371,150,378,138,378,123,376,96,377,81,379,70,382,53,384,33,380,22,374,16,360,24,354,37,350,47,341,55,326,59,309,61,295,61,279,49,274,36,262,31,257,23" href="#F1">
</map>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<span id="F1">
喵！
</span>
</body>
點(diǎn)擊貓進(jìn)行跳轉(zhuǎn)
簡(jiǎn)單介紹一下map的用法：
注意要告訴他用哪個(gè)map，area是告訴他在圖片上的區(qū)域
<img src="" usemap="#Map">
<map name="Map">
<area>
</map>
area中有重要的幾個(gè)屬性：
- coords 這個(gè)是要選中的地區(qū)里面有圓、矩形、多邊形
- href 跳轉(zhuǎn)的地址、錨點(diǎn)
- 有需要可以看這個(gè) 菜鳥(niǎo)教程-area
tip：可以通過(guò)DW中有熱點(diǎn)選擇的功能，還算方便，省去了坐標(biāo)的問(wèn)題
就寫(xiě)到這，我自己都覺(jué)得想應(yīng)付人，但是這個(gè)東西只是不知道，想了解幾分鐘就能上手了，謝謝大家！
