HTML標(biāo)簽<map>和<area>

HTML <map> 標(biāo)簽##

帶有可點(diǎn)擊區(qū)域的圖像映射:定義一個(gè)客戶端圖像映射莫湘。圖像映射(image-map)指帶有可點(diǎn)擊區(qū)域的一幅圖像

實(shí)例

     <html>
     <body>

        <p>請(qǐng)點(diǎn)擊圖像上的星球箱舞,把它們放大。</p>

       <img    src="/i/eg_planets.jpg" border="0"  usemap="#planetmap"
alt="Planets" />
       <map name="planetmap" id="planetmap">
           <area  shape="circle"   coords="180,139,14"  href ="/example/html/venus.html"  target ="_blank"  alt="Venus" />
           <area  shape="circle"  coords="129,161,10"  href ="/example/html/mercur.html"  target ="_blank"  alt="Mercury" />
           <area  shape="rect"  coords="0,0,110,260"  href ="/example/html/sun.html"  target ="_blank"  alt="Sun" />
       </map>
</body>
</html>

瀏覽器支持

1498749283(1).png

提示與注釋
注釋:area 元素永遠(yuǎn)嵌套在 map 元素內(nèi)部奠骄。area 元素可定義圖像映射中的區(qū)域爬迟。

注釋:<img>中的 usemap 屬性可引用 <map> 中的 id 或 name 屬性(取決于瀏覽器)辰狡,所以我們應(yīng)同時(shí)向 <map> 添加 id 和 name 屬性锋叨。

必需的屬性

必需

可選的屬性

可選

HTML <area> 標(biāo)簽##

<area> 標(biāo)簽定義圖像映射中的區(qū)域(注:圖像映射指得是帶有可點(diǎn)擊區(qū)域的圖像)。
area 元素總是嵌套在 <map> 標(biāo)簽中宛篇。
注釋:<img>標(biāo)簽中的 usemap 屬性與 map元素 name 屬性相關(guān)聯(lián)娃磺,創(chuàng)建圖像與映射之間的聯(lián)系。

HTML 與 XHTML 之間的差異
在 HTML 中叫倍,<area> 沒有結(jié)束標(biāo)簽偷卧。
在 XHTML 中豺瘤,<area> 必須正確地關(guān)閉。

必需的屬性

必需

可選的屬性

可選

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末听诸,一起剝皮案震驚了整個(gè)濱河市坐求,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌晌梨,老刑警劉巖桥嗤,帶你破解...
    沈念sama閱讀 211,348評(píng)論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異仔蝌,居然都是意外死亡泛领,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,122評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門掌逛,熙熙樓的掌柜王于貴愁眉苦臉地迎上來师逸,“玉大人司倚,你說我怎么就攤上這事豆混。” “怎么了动知?”我有些...
    開封第一講書人閱讀 156,936評(píng)論 0 347
  • 文/不壞的土叔 我叫張陵皿伺,是天一觀的道長。 經(jīng)常有香客問我盒粮,道長鸵鸥,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,427評(píng)論 1 283
  • 正文 為了忘掉前任丹皱,我火速辦了婚禮妒穴,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘摊崭。我一直安慰自己讼油,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,467評(píng)論 6 385
  • 文/花漫 我一把揭開白布呢簸。 她就那樣靜靜地躺著矮台,像睡著了一般。 火紅的嫁衣襯著肌膚如雪根时。 梳的紋絲不亂的頭發(fā)上瘦赫,一...
    開封第一講書人閱讀 49,785評(píng)論 1 290
  • 那天,我揣著相機(jī)與錄音蛤迎,去河邊找鬼确虱。 笑死,一個(gè)胖子當(dāng)著我的面吹牛替裆,可吹牛的內(nèi)容都是我干的校辩。 我是一名探鬼主播唱较,決...
    沈念sama閱讀 38,931評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼召川!你這毒婦竟也來了南缓?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,696評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤荧呐,失蹤者是張志新(化名)和其女友劉穎汉形,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體倍阐,經(jīng)...
    沈念sama閱讀 44,141評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡概疆,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,483評(píng)論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了峰搪。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片岔冀。...
    茶點(diǎn)故事閱讀 38,625評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖概耻,靈堂內(nèi)的尸體忽然破棺而出使套,到底是詐尸還是另有隱情,我是刑警寧澤鞠柄,帶...
    沈念sama閱讀 34,291評(píng)論 4 329
  • 正文 年R本政府宣布侦高,位于F島的核電站,受9級(jí)特大地震影響厌杜,放射性物質(zhì)發(fā)生泄漏奉呛。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,892評(píng)論 3 312
  • 文/蒙蒙 一夯尽、第九天 我趴在偏房一處隱蔽的房頂上張望瞧壮。 院中可真熱鬧,春花似錦匙握、人聲如沸咆槽。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,741評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽罗晕。三九已至,卻和暖如春赠堵,著一層夾襖步出監(jiān)牢的瞬間小渊,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,977評(píng)論 1 265
  • 我被黑心中介騙來泰國打工茫叭, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留酬屉,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,324評(píng)論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像呐萨,于是被迫代替她去往敵國和親杀饵。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,492評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容

  • HTML標(biāo)簽解釋大全 一谬擦、HTML標(biāo)記 標(biāo)簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,229評(píng)論 1 41
  • HTML5 標(biāo)簽comment 注釋標(biāo)簽用于在源文檔中插入注釋切距。注釋內(nèi)容不會(huì)被瀏覽器顯示。為代碼編寫注釋的好處是...
    才気莮孒閱讀 4,049評(píng)論 1 25
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理惨远,服務(wù)發(fā)現(xiàn)谜悟,斷路器,智...
    卡卡羅2017閱讀 134,629評(píng)論 18 139
  • 學(xué)習(xí)HTML的最佳網(wǎng)站沒有之一http://www.w3school.com.cn/html/ 關(guān)于HTML/HT...
    Amyyy_閱讀 2,054評(píng)論 0 16
  • 1北秽、思想學(xué)習(xí)的目標(biāo):思想上積極向上葡幸,關(guān)注時(shí)事政治,向各位先進(jìn)的黨員同志學(xué)習(xí)贺氓,積極向黨組織靠攏 2蔚叨、專業(yè)學(xué)習(xí)的目標(biāo):...
    財(cái)管支部尹芳逸閱讀 191評(píng)論 1 0