Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
例
帶有可點擊區域的圖像映射:
<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,我們一起飛!
例
鏈接到外部樣式文件:
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
</head>
瀏覽器支持
所有主流瀏覽器都支持 <link> 標簽。
標簽定義及使用說明
<link> 標簽定義文檔與外部資源的關系。
<link> 標簽最常見的用途是鏈接樣式表。
注意: link 元素是空元素,它僅包含屬性。
注意: 此元素只能存在于 head 部分,不過它可出現任何次數。
HTML 4.01 與 HTML5之間的差異
一些 HTML 4.01 屬性在 HTML5 中不支持。
HTML5 新增了 "sizes" 屬性。
HTML 與 XHTML 之間的差異
在 HTML 中,<link> 標簽沒有結束標簽。
在 XHTML 中,<link> 標簽必須被正確地關閉。
屬性
New:HTML5 新屬性。
屬性 | 值 | 描述 |
---|---|---|
charset | char_encoding | HTML5 不支持該屬性。 定義被鏈接文檔的字符編碼方式。 |
href | URL | 定義被鏈接文檔的位置。 |
hreflang | language_code | 定義被鏈接文檔中文本的語言。 |
media | media_query | 規定被鏈接文檔將顯示在什么設備上。 |
rel | alternatearchivesauthorbookmarkexternalfirsthelpiconlastlicensenextnofollownoreferrerpingbackprefetchprevsearchsidebarstylesheettagup | 必需。定義當前文檔與被鏈接文檔之間的關系。 |
rev | reversed relationship | HTML5 不支持該屬性。 定義被鏈接文檔與當前文檔之間的關系。 |
sizesNew | HeightxWidthany | 定義了鏈接屬性大小,只對屬性 rel="icon" 起作用。 |
target | _blank_self_top_parentframe_name | HTML5 不支持該屬性。 定義在何處加載被鏈接文檔。 |
type | MIME_type | 規定被鏈接文檔的 MIME 類型。 |
全局屬性
<link> 標簽支持全局屬性,查看完整屬性表 HTML 全局屬性。
事件屬性
<link> 標簽支持所有 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> 標簽。
標簽定義及使用說明
<details> 標簽規定了用戶可見的或者隱藏的需求的補充細節。
<details> 標簽用來供用戶開啟關閉的交互式控件。任何形式的內容都能被放在 <details> 標簽里邊。
<details> 元素的內容對用戶是不可見的,除非設置了 open 屬性。
HTML 4.01 與 HTML5之間的差異
<details> 標簽是 HTML5 中的新標簽。
提示和注釋
提示:與 <summary> 標簽配合使用可以為 details 定義標題。標題是可見的,用戶點擊標題時,會顯示出 details。
屬性
New :HTML5 中的新屬性。
屬性 | 值 | 描述 |
---|---|---|
openNew | open | 規定 details 是否可見。 |
全局屬性
<details> 標簽支持 HTML 的全局屬性。
事件屬性
<details> 標簽支持 HTML 的事件屬性。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
*請認真填寫需求信息,我們會在24小時內與您取得聯系。