例

帶有可點擊區域的圖像映射：

<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 中的新屬性。

全局屬性

<area> 標簽支持 HTML 的全局屬性。

事件屬性

<area> 標簽支持 HTML 的事件屬性。

如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！

例

使用 <hgroup> 對標題進行組合：

<hgroup>

<h1>Welcome to my WWF</h1>

<h2>For a living planet</h2>

</hgroup>

<p>The rest of the content...</p>

瀏覽器支持

IE 9、Firefox、Opera、Chrome 和 Safari 支持 <hgroup> 標簽。

注釋：IE 8 或更早版本的 IE 瀏覽器不支持 <hgroup> 標簽。

標簽定義及使用說明

<hgroup> 標簽被用來對標題元素進行分組。

當標題有多個層級（副標題）時，<hgroup> 元素被用來對一系列 <h1> - <h6> 元素進行分組。

HTML 4.01 與 HTML5之間的差異

<hgroup> 標簽是 HTML 5 中的新標簽。

全局屬性

<hgroup> 標簽支持 HTML 的全局屬性。

事件屬性

<hgroup> 標簽支持 HTML 的事件屬性。

如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！

例

使用 <u> 標簽為文本添加下劃線：

<p>This is a <u>parragraph</u>.</p>

瀏覽器支持

所有主流瀏覽器都支持 <u> 標簽。

標簽定義及使用說明

<u> 標簽定義與常規文本風格不同的文本，像拼寫錯誤的單詞或者漢語中的專有名詞。

提示和注釋

提示：請盡量避免使用 <u> 為文本加下劃線，用戶會把它混淆為一個超鏈接。

注釋：HTML5 規范建議開發者盡量使用其他元素替代 <u> 元素。

HTML 4.01 與 HTML5之間的差異

在 HTML 中，<u>元素 已廢棄（<u> 元素被用來定義下劃線）。

HTML5 中重新定義了 <u> 元素，它定義與常規文本風格不同的文本，像拼寫錯誤的單詞或者漢語中的專有名詞。

全局屬性

<u> 標簽支持 HTML 的全局屬性。

事件屬性

<u> 標簽支持 HTML 的事件屬性。

如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！