HTML5建立熱點區域

2021-09-01 03:02:32 字數 609 閱讀 1035

建立熱點區域(比如單擊一張不同區域時,會顯示不同的鏈結內容,這就是的熱點區域)所謂的熱點區域,就是將乙個劃分為若干個鏈結區域,當訪問者單擊不同的區域,會鏈結到不同的頁面

在html5中,可以為建立3種型別的熱點區域:矩形,圓形和多邊形,建立熱點區域用and標記

語法格式如下:

說明:

必須增加usemap屬性,說明該影象是熱區的對映影象,屬性值必須「#」開頭,加上名字

標記只有乙個屬性name,作用是為區域命名,其設定值必須與屬性值相同

標記主要是定義熱點區域的形狀及超連結,它有三個必需的屬性

shape:控制劃分區域的形狀,取值3個:rect,circle,poly

coords:控制區域的劃分座標,單位為畫素。shape取值為rect,那麼coords設定值分別為矩形左上角x,y座標點和右下角x,y座標點;shape取值circle,coords的值:圓形圓心x,y的座標點和半徑值;shape取值poly,coords的值:矩形各個點x,y的座標。

HTML5權威指南 建立布局

值 說明static 預設值,普通布局 relative 元素位置相對於static定位 absolute 元素相對於position值不為static的第一位祖先元素定位 fixed 元素相對於瀏覽器視窗定位 跟報紙的排版一樣 果然如同報紙一樣!書中寫的已經有些過時了。我就找一些資料按照書上的思路...

使用HTML5建立超連結

建立超連結 網頁元素 鏈結鏈結word文件 連線到ftp伺服器 用新視窗顯示超連結頁面 預設情況下,當單擊超連結時,目標頁面會在當前視窗中顯示,替換當前頁面中的內容。如果要在單擊某個鏈結以後,開啟心的瀏覽器視窗並在這個新視窗中顯示目標頁面,就需要使用標籤的target屬性。target屬性有4個值,...

HTML5學習之 HTML 5 拖放

拖放 drag 和 drop 是 html5 標準的組成部分。拖放是一種常見的特性,即抓取物件以後拖到另乙個位置。在 html5 中,拖放是標準的一部分,任何元素都能夠拖放。internet explorer 9 firefox opera 12 chrome 以及 safari 5 支援拖放。注釋...