1. 標籤介紹:
屬性介紹:
<1> id:
中的 usemap 屬性可引用 中的 id 或 name 屬性(取決於瀏覽器)
<2>name:同上
說明:不同的瀏覽器會根據img中的usemap屬性去引用id或者name值,所以最好使用的時候這兩個屬性都要加上。
屬性介紹:
<1> alt :類似img 標籤中的同名屬性
<2>coords: 區域的座標(0,0 指的是的左上角),矩形為左上角和右下角兩個座標,圓形為圓心x、y和半徑,多邊形為任意兩個座標之間構成的區域
<3>shape:指的區域形狀;矩形、圓形、多邊形
2.使用場景:
這樣的話可以避免我們切圖的時候切成多張的,減少了客戶端的http請求,對提公升頁面的效能有不少的幫助。
html css中map和area的應用
一 使用方法 因為map標籤是與img標籤繫結使用的,所以我們需要給map標籤新增id和name屬性,讓img標籤中的usemap屬性引用map標籤中的id或者name屬性 由於瀏覽器的不同,usemap屬性接收二者之一的值,所以通常name和id屬性二者都寫,值相同 並配合area標籤進行使用。例...
Html中的map標籤
影象的影像地圖超連結,標籤 在html中還可以把劃分成多個熱點區域,每乙個熱點域鏈結到不同網頁的資源。這種效果的實質是把一幅劃分為不同的熱點區域,再讓不同的區域進行超連結。這就是影像地圖。要完成地圖區域超連結要用到三種標籤 影像地圖 image map 標籤的使用格式 可根據需要定義多少個熱點區域 ...
html中的map標籤
影象的影像地圖超連結,標籤 在html中還可以把劃分成多個熱點區域,每乙個熱點域鏈結到不同網頁的資源。這種效果的實質是把一幅劃分為不同的熱點區域,再讓不同的區域進行超連結。這就是影像地圖。要完成地圖區域超連結要用到三種標籤 影像地圖 image map 標籤的使用格式 可根據需要定義多少個熱點區域 ...