Html area意思w3
在HTML中,area
元素是 map
元素的一個子元素,用於定義圖像映射中的熱點區域。圖像映射是一種通過在圖像上創建熱點區域來提供互動式導航的方式,當用戶點擊這些區域時,可以連結到不同的URL或者觸發不同的動作。
area
元素的常見屬性包括:
shape
:定義熱點的形狀,可能的值有rect
(矩形)、circle
(圓形)、poly
(多邊形)和default
。coords
:定義熱點的坐標,根據shape
屬性的值,提供相應的坐標信息。href
:指定當用戶點擊該區域時將要訪問的URL。alt
:提供給熱點區域的替代文本,用於螢幕閱讀器或者其他無法顯示圖像的設備。
例如,以下是一個簡單的圖像映射的HTML代碼片段:
<map name="image-map">
<area shape="rect" coords="0,0,100,100" href="#" alt="Top Left">
<area shape="rect" coords="100,0,200,100" href="#" alt="Top Right">
<area shape="rect" coords="0,100,100,200" href="#" alt="Bottom Left">
<area shape="rect" coords="100,100,200,200" href="#" alt="Bottom Right">
</map>
<img src="image.jpg" usemap="#image-map" alt="Image Map Example">
在這個例子中,我們定義了一個名為 image-map
的圖像映射,並在其中定義了四個矩形熱點區域。每個area
元素都指定了形狀、坐標、連結和替代文本。img
元素的 usemap
屬性引用了 map
元素的 id
或名稱。
W3C(全球資訊網聯盟)是負責制定包括HTML在內的Web技術標準的組織。W3C的文檔和規範為Web開發者提供了有關HTML元素和屬性的詳細信息,包括area
元素的使用和屬性。您可以在W3C的網站上找到相關的文檔和指南。