例
帶有可點(diǎn)擊區(qū)域的圖像映射:
<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> 標(biāo)簽。
標(biāo)簽定義及使用說(shuō)明
<area> 標(biāo)簽定義圖像映射內(nèi)部的區(qū)域(圖像映射指的是帶有可點(diǎn)擊區(qū)域的圖像)。
<area> 元素始終嵌套在 <map> 標(biāo)簽內(nèi)部。
注釋: <img> 標(biāo)簽中的 usemap 屬性與 <map> 元素中的 name 相關(guān)聯(lián),以創(chuàng)建圖像與映射之間的關(guān)系。
HTML 4.01 與 HTML5之間的差異
HTML5 提供了一些新屬性,同時(shí)不再支持 HTML 4.01 中的某些屬性。
HTML 與 XHTML 之間的差異
在 HTML 中,<area> 標(biāo)簽沒(méi)有結(jié)束標(biāo)簽。
在 XHTML 中,<area> 標(biāo)簽必須正確地關(guān)閉。
屬性
New :HTML5 中的新屬性。
屬性 | 值 | 描述 |
---|---|---|
alt | text | 規(guī)定區(qū)域的替代文本。如果使用 href 屬性,則該屬性是必需的。 |
coords | coordinates | 規(guī)定區(qū)域的坐標(biāo)。 |
href | URL | 規(guī)定區(qū)域的目標(biāo) URL。 |
hreflangNew | language_code | 規(guī)定目標(biāo) URL 的語(yǔ)言。 |
mediaNew | media query | 規(guī)定目標(biāo) URL 是為何種媒介/設(shè)備優(yōu)化的。默認(rèn):all。 |
nohref | value | HTML5 不支持。 規(guī)定沒(méi)有相關(guān)鏈接的區(qū)域。 |
relNew | alternateauthorbookmarkhelplicensenextnofollownoreferrerprefetchprevsearchtag | 規(guī)定當(dāng)前文檔與目標(biāo) URL 之間的關(guān)系。 |
shape | defaultrectcirclepoly | 規(guī)定區(qū)域的形狀。 |
target | _blank_parent_self_topframename | 規(guī)定在何處打開(kāi)目標(biāo) URL。 |
typeNew | MIME_type | 規(guī)定目標(biāo) URL 的 MIME 類型。注:MIME = Multipurpose Internet Mail Extensions。 |
全局屬性
<area> 標(biāo)簽支持 HTML 的全局屬性。
事件屬性
<area> 標(biāo)簽支持 HTML 的事件屬性。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
例
鏈接到外部樣式文件:
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
</head>
瀏覽器支持
所有主流瀏覽器都支持 <link> 標(biāo)簽。
標(biāo)簽定義及使用說(shuō)明
<link> 標(biāo)簽定義文檔與外部資源的關(guān)系。
<link> 標(biāo)簽最常見(jiàn)的用途是鏈接樣式表。
注意: link 元素是空元素,它僅包含屬性。
注意: 此元素只能存在于 head 部分,不過(guò)它可出現(xiàn)任何次數(shù)。
HTML 4.01 與 HTML5之間的差異
一些 HTML 4.01 屬性在 HTML5 中不支持。
HTML5 新增了 "sizes" 屬性。
HTML 與 XHTML 之間的差異
在 HTML 中,<link> 標(biāo)簽沒(méi)有結(jié)束標(biāo)簽。
在 XHTML 中,<link> 標(biāo)簽必須被正確地關(guān)閉。
屬性
New:HTML5 新屬性。
屬性 | 值 | 描述 |
---|---|---|
charset | char_encoding | HTML5 不支持該屬性。 定義被鏈接文檔的字符編碼方式。 |
href | URL | 定義被鏈接文檔的位置。 |
hreflang | language_code | 定義被鏈接文檔中文本的語(yǔ)言。 |
media | media_query | 規(guī)定被鏈接文檔將顯示在什么設(shè)備上。 |
rel | alternatearchivesauthorbookmarkexternalfirsthelpiconlastlicensenextnofollownoreferrerpingbackprefetchprevsearchsidebarstylesheettagup | 必需。定義當(dāng)前文檔與被鏈接文檔之間的關(guān)系。 |
rev | reversed relationship | HTML5 不支持該屬性。 定義被鏈接文檔與當(dāng)前文檔之間的關(guān)系。 |
sizesNew | HeightxWidthany | 定義了鏈接屬性大小,只對(duì)屬性 rel="icon" 起作用。 |
target | _blank_self_top_parentframe_name | HTML5 不支持該屬性。 定義在何處加載被鏈接文檔。 |
type | MIME_type | 規(guī)定被鏈接文檔的 MIME 類型。 |
全局屬性
<link> 標(biāo)簽支持全局屬性,查看完整屬性表 HTML 全局屬性。
事件屬性
<link> 標(biāo)簽支持所有 HTML 事件屬性。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
例
使用 <details> 元素:
<details><summary>Copyright 1999-2011.</summary><p> - by Refsnes Data. All Rights Reserved.</p><p>All content and graphics on this web site are the property of the company Refsnes Data.</p></details>
瀏覽器支持
目前,只有 Chrome 和 Safari 6 支持 <details> 標(biāo)簽。
標(biāo)簽定義及使用說(shuō)明
<details> 標(biāo)簽規(guī)定了用戶可見(jiàn)的或者隱藏的需求的補(bǔ)充細(xì)節(jié)。
<details> 標(biāo)簽用來(lái)供用戶開(kāi)啟關(guān)閉的交互式控件。任何形式的內(nèi)容都能被放在 <details> 標(biāo)簽里邊。
<details> 元素的內(nèi)容對(duì)用戶是不可見(jiàn)的,除非設(shè)置了 open 屬性。
HTML 4.01 與 HTML5之間的差異
<details> 標(biāo)簽是 HTML5 中的新標(biāo)簽。
提示和注釋
提示:與 <summary> 標(biāo)簽配合使用可以為 details 定義標(biāo)題。標(biāo)題是可見(jiàn)的,用戶點(diǎn)擊標(biāo)題時(shí),會(huì)顯示出 details。
屬性
New :HTML5 中的新屬性。
屬性 | 值 | 描述 |
---|---|---|
openNew | open | 規(guī)定 details 是否可見(jiàn)。 |
全局屬性
<details> 標(biāo)簽支持 HTML 的全局屬性。
事件屬性
<details> 標(biāo)簽支持 HTML 的事件屬性。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
*請(qǐng)認(rèn)真填寫需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。