例
帶有可點擊區域的圖像映射:
<imgsrc="planets.gif"width="145"height="126"alt="Planets"usemap="#planetmap"><mapname="planetmap"><areashape="rect"coords="0,0,82,126"alt="Sun"href="sun.htm"><areashape="circle"coords="90,58,3"alt="Mercury"href="mercur.htm"><areashape="circle"coords="124,58,8"alt="Venus"href="venus.htm"></map>
瀏覽器支持
所有主流瀏覽器都支持 <area> 標簽。
標簽定義及使用說明
<area> 標簽定義圖像映射內部的區域(圖像映射指的是帶有可點擊區域的圖像)。
<area> 元素始終嵌套在 <map> 標簽內部。
注釋: <img> 標簽中的 usemap 屬性與 <map> 元素中的 name 相關聯,以創建圖像與映射之間的關系。
HTML 4.01 與 HTML5之間的差異
HTML5 提供了一些新屬性,同時不再支持 HTML 4.01 中的某些屬性。
HTML 與 XHTML 之間的差異
在 HTML 中,<area> 標簽沒有結束標簽。
在 XHTML 中,<area> 標簽必須正確地關閉。
屬性
New :HTML5 中的新屬性。
屬性 | 值 | 描述 |
---|---|---|
alt | text | 規定區域的替代文本。如果使用 href 屬性,則該屬性是必需的。 |
coords | coordinates | 規定區域的坐標。 |
href | URL | 規定區域的目標 URL。 |
hreflangNew | language_code | 規定目標 URL 的語言。 |
mediaNew | media query | 規定目標 URL 是為何種媒介/設備優化的。默認:all。 |
nohref | value | HTML5 不支持。 規定沒有相關鏈接的區域。 |
relNew | alternateauthorbookmarkhelplicensenextnofollownoreferrerprefetchprevsearchtag | 規定當前文檔與目標 URL 之間的關系。 |
shape | defaultrectcirclepoly | 規定區域的形狀。 |
target | _blank_parent_self_topframename | 規定在何處打開目標 URL。 |
typeNew | MIME_type | 規定目標 URL 的 MIME 類型。注:MIME = Multipurpose Internet Mail Extensions。 |
全局屬性
<area> 標簽支持 HTML 的全局屬性。
事件屬性
<area> 標簽支持 HTML 的事件屬性。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
例
使用 <cite> 標簽來定義作品的標題:
<p><cite>The Scream</cite> by Edward Munch. Painted in 1893.</p>
瀏覽器支持
所有主流瀏覽器都支持 <cite> 標簽。
標簽定義及使用說明
<cite> 標簽定義作品(比如書籍、歌曲、電影、電視節目、繪畫、雕塑等等)的標題。
注釋:人名不屬于作品的標題。
HTML 4.01 與 HTML5之間的差異
在 HTML5 中,<cite> 標簽定義作品的標題。
在 HTML 4.01 中,<cite> 標簽定義一個引用。
全局屬性
<cite> 標簽支持 HTML 的全局屬性。
事件屬性
<cite> 標簽支持 HTML 的事件屬性。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
例
簡單的三框架頁面:
<frameset cols="25%,50%,25%">
<frame src="frame_a.htm">
<frame src="frame_b.htm">
<frame src="frame_c.htm">
</frameset>
瀏覽器支持
所有主流瀏覽器都支持 <frame> 標簽。
標簽定義及使用說明
HTML5 不支持 <frame> 標簽。
<frame> 標簽定義 <frameset> 中的子窗口(框架)。
<frameset> 中的每個 <frame> 都可以設置不同的屬性,比如 border、scrolling, noresize 等等。
注釋:如果您希望驗證包含框架的頁面,請確保 <!DOCTYPE> 被設置為 "HTML Frameset DTD" 或者 "XHTML Frameset DTD" 。
HTML 4.01 與 HTML5之間的差異
HTML5 不支持 <frame> 標簽,HTML 4.01 支持 <frame> 標簽。
HTML 與 XHTML 之間的差異
在 HTML 中,<frame> 標簽沒有結束標簽。在 XHTML 中,<frame> 標簽必須被正確地關閉。
可選的屬性
屬性 | 值 | 描述 |
---|---|---|
frameborder | 01 | HTML5 不支持。規定是否顯示框架周圍的邊框。 |
longdesc | URL | HTML5 不支持。規定一個包含有關框架內容的長描述的頁面。 |
marginheight | pixels | HTML5 不支持。規定框架的上方和下方的邊距。 |
marginwidth | pixels | HTML5 不支持。規定框架的左側和右側的邊距。 |
name | name | HTML5 不支持。規定框架的名稱。 |
noresize | noresize | HTML5 不支持。規定無法調整框架的大小。 |
scrolling | yesnoauto | HTML5 不支持。規定是否在框架中顯示滾動條。 |
src | URL | HTML5 不支持。規定在框架中顯示的文檔的 URL。 |
標準屬性
在 HTML 4.01 中,<frame> 標簽支持如下標準屬性:
屬性 | 值 | 描述 |
---|---|---|
class | classname | 規定元素的類名 |
id | id | 規定元素的唯一 id |
style | style_definition | 規定元素的行內樣式 |
title | text | 規定元素的額外信息 |
如需完整的描述,請訪問標準屬性。
事件屬性
根據 W3C 的標準,在 HTML 4.01 中,<frame> 標簽不支持任何的事件屬性。
但是,所有的瀏覽器都支持 onload 事件。
如需完整的描述,請訪問事件屬性。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
*請認真填寫需求信息,我們會在24小時內與您取得聯系。