覽器支持

所有主流瀏覽器都支持 <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 中的新屬性。

全局屬性

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

事件屬性

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

創建超級鏈接

本例演示如何在 HTML 文檔中創建鏈接。

將圖像作為鏈接

本例演示如何使用圖像作為鏈接。

在新的瀏覽器窗口打開鏈接

本例演示如何在新窗口打開一個頁面，這樣的話訪問者就無需離開您的站點了。

創建電子郵件鏈接

本例演示如何鏈接到一個郵件。（本例在安裝郵件客戶端程序后才能工作。）

創建電子郵件鏈接 2

本例演示更加復雜的郵件鏈接。

使用錨跳轉到同一個頁面的不同位置

本例演示如何使用錨的 id 屬性跳轉到頁面的不同位置（ HTML5 不支持 name 屬性）

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

例

當內容的主題發生變化時，使用 <hr> 標簽進行分隔：

<h1>HTML</h1>

<p>HTML 是用于描述 web 頁面的一種語言。</p>

<hr>

<h1>CSS</h1>

<p>CSS 定義如何顯示 HTML 元素。</p>

瀏覽器支持

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

標簽定義及使用說明

<hr> 標簽定義 HTML 頁面中的主題變化（比如話題的轉移），并顯示為一條水平線。

<hr> 元素被用來分隔 HTML 頁面中的內容（或者定義一個變化）。

HTML 4.01 與 HTML5之間的差異

在 HTML5 中，<hr> 定義內容中的主題變化，并顯示為一條水平線。

在 HTML 4.01 中，<hr> 標簽僅僅顯示為一條水平線。

在 HTML 4.01 中，所有的布局屬性都 已廢棄。在 HTML5 中不再支持這些屬性。請使用 CSS 來為 <hr> 元素定義樣式。

HTML 與 XHTML 之間的差異

在 HTML 中，<hr> 標簽沒有結束標簽。

在 XHTML 中，<hr> 標簽必須被正確地關閉，比如 <hr />。

屬性

全局屬性

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

事件屬性

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

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

例

使用 <summary> 元素：

<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 支持 <summary> 標簽。

標簽定義及使用說明

<summary> 標簽為 <details> 元素定義一個可見的標題。 當用戶點擊標題時會顯示出詳細信息。

HTML 4.01 與 HTML5之間的差異

<summary> 標簽是 HTML5 中的新標簽。

提示和注釋

注釋：<summary> 元素應該是 <details> 元素的第一個子元素。

全局屬性

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

事件屬性

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

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