圖片熱區詳解 與切片的優勢比較

切片和圖片熱區是什么？圖片切片是將很大的網頁圖片，切成類似拼圖的那種形式，之后運用 HTML 代碼，再完美的拼接起來的一種加快網頁圖片顯示的手法，圖片切片之后你還可以在不同的切片上加入鏈接等等，從而達到點擊不同圖片區域跳轉到不同頁面的效果。圖片熱區是在一章圖片上，繪制任意多邊形或者圓形的區域，并加入鏈接的一種形式，圖片熱區的好處在于，圖片不用被切割，就算被點擊的區域是不規則的形狀，圖片熱區也可以很輕松的應付，而切片要應付多邊形的區域，可能就要求多次切片了，那么切片和圖片熱區到底有什么具體區別和優勢呢，兩者又怎樣制作呢，我們今天就來看看圖片熱區和切片。

區別

圖片熱區和切片的區別在哪里？切片主要是應對網頁中過大的圖片，將過大的圖片切成拼圖狀態的一小片，網頁在打開過程中就可以同時下載多個圖片從而滿足加速圖片顯示的效果，但是切片完全使用代碼拼合，會造成一定的錯位，每一個切片都是可以包含一個鏈接的。熱區主要應對一張圖片中的不同區域要鏈接到不同地址的效果，熱區只可以在一張圖片上使用，但熱區不限制形狀，可以繪制很多的形狀。

使用 CTRL+C 復制，使用 CTRL+V 粘貼。 

要使用熱區，首先在要使用熱區的圖片代碼中加入 usemap 屬性，并且進行一個名稱的設定，名稱前面必須加上 # 號。

用 map 標簽繪制圖片地圖，name 和 ID 控制圖片對應的地圖，所以 name 和 ID 一定要和 usemap 的名稱相同。

在 map 標簽之內 使用 area 標簽控制熱區，shape 是熱區類型，以上面代碼為例，分別為多邊形，圓形，長方形。coords 控制坐標，多邊形和長方形都是一些樣的，首先是點的 x 坐標，然后寫 y 的坐標以此類推即可，圓形寫法為 x坐標，Y坐標，半徑。熱區結合使用可以應對各種形狀的圖形。

在淘寶方面，使用熱區是非常方便的，因為只用一張圖片即可。

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈