覽器支持
所有主流瀏覽器都支持 <a> 標簽。
標簽定義及使用說明
<a> 標簽定義超鏈接,用于從一個頁面鏈接到另一個頁面。
<a> 元素最重要的屬性是 href 屬性,它指定鏈接的目標。
在所有瀏覽器中,鏈接的默認外觀如下:
未被訪問的鏈接帶有下劃線而且是藍色的
已被訪問的鏈接帶有下劃線而且是紫色的
活動鏈接帶有下劃線而且是紅色的
提示和注釋
提示:如果沒有使用 href 屬性,則不能使用 hreflang、media、rel、target 以及 type 屬性。
提示:通常在當前瀏覽器窗口中顯示被鏈接頁面,除非規定了其他 target。
提示:請使用 CSS 來改變鏈接的樣式。
HTML 4.01 與 HTML5之間的差異
在 HTML 4.01 中,<a> 標簽既可以是超鏈接,也可以是錨。在 HTML5 中,<a> 標簽是超鏈接,但是假如沒有 href 屬性,它僅僅是超鏈接的一個占位符。
HTML5 有一些新的屬性,同時不再支持一些 HTML 4.01 的屬性。
屬性
New :HTML5 中的新屬性。
屬性 | 值 | 描述 |
---|---|---|
charset | char_encoding | HTML5 不支持。規定目標 URL 的字符編碼。 |
coords | coordinates | HTML5 不支持。規定鏈接的坐標。 |
downloadNew | filename | 指定下載鏈接 |
href | URL | 規定鏈接的目標 URL。 |
hreflang | language_code | 規定目標 URL 的基準語言。僅在 href 屬性存在時使用。 |
mediaNew | media_query | 規定目標 URL 的媒介類型。默認值:all。僅在 href 屬性存在時使用。 |
name | section_name | HTML5 不支持。規定錨的名稱。 |
rel | alternateauthorbookmarkhelplicensenextnofollownoreferrerprefetchprevsearchtag | 規定當前文檔與目標 URL 之間的關系。僅在 href 屬性存在時使用。 |
rev | text | HTML5 不支持。規定目標 URL 與當前文檔之間的關系。 |
shape | defaultrectcirclepoly | HTML5 不支持。規定鏈接的形狀。 |
target | _blank_parent_self_topframename | 規定在何處打開目標 URL。僅在 href 屬性存在時使用。 |
typeNew | MIME_type | 規定目標 URL 的 MIME 類型。僅在 href 屬性存在時使用。注:MIME = Multipurpose Internet Mail Extensions。 |
全局屬性
<a> 標簽支持 HTML 的全局屬性。
事件屬性
<a> 標簽支持 HTML 的事件屬性。
創建超級鏈接
本例演示如何在 HTML 文檔中創建鏈接。
將圖像作為鏈接
本例演示如何使用圖像作為鏈接。
在新的瀏覽器窗口打開鏈接
本例演示如何在新窗口打開一個頁面,這樣的話訪問者就無需離開您的站點了。
創建電子郵件鏈接
本例演示如何鏈接到一個郵件。(本例在安裝郵件客戶端程序后才能工作。)
創建電子郵件鏈接 2
本例演示更加復雜的郵件鏈接。
使用錨跳轉到同一個頁面的不同位置
本例演示如何使用錨的 id 屬性跳轉到頁面的不同位置( HTML5 不支持 name 屬性)
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
例
設置參數 "autoplay" 為 "true",音頻載入后會自動播放:
<object data="horse.wav">
<param name="autoplay" value="true">
</object>
瀏覽器支持
<param> 標簽支持大部分主流瀏覽器。但是 <object> 定義的文件格式不是所有的瀏覽器都支持。
標簽定義及使用說明
<param>元素允許您為插入 XHTML 文檔的對象規定 run-time 設置,也就是說,此標簽可為包含它的 <object> 或者 <applet> 標簽提供參數。
在HTML 4.01 與 HTML5 之間的差異
HTML 4.01 屬性: "type" 和 "valuetype",在 HTML5 中不支持。
Differences Between HTML and XHTML
在 HTML 中,<param> 標簽沒有結束標簽。
在 XHTML 中,<param> 標簽必須被正確地關閉。
屬性
屬性 | 值 | 描述 |
---|---|---|
name | name | 定義參數的名稱(用在腳本中)。 |
type | MIME_type | HTML5不支持。定義 MIME 類型參數。 |
value | value | 描述參數值。 |
valuetype | datarefobject | HTML5 不支持。描述值的類型。 |
全局屬性
<param> 標簽支持全局屬性,查看完整屬性表 HTML全局屬性。
事件屬性
<param> 標簽支持所有 HTML事件屬性。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
例
帶有可點擊區域的圖像映射:
<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,我們一起飛!
*請認真填寫需求信息,我們會在24小時內與您取得聯系。