HTML中的map和area標籤

2022-09-20 00:30:13 字數 439 閱讀 1082

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 標籤的使用格式 可根據需要定義多少個熱點區域 ...