覽器支持

所有主流瀏覽器都支持 <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，我們一起飛！

例

使用 <span> 元素對文本中的一部分進行著色：

<p>我的母親有 <span style="color:blue">藍色</span> 的眼睛。</p>

瀏覽器支持

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

標簽定義及使用說明

<span> 用于對文檔中的行內元素進行組合。

<span> 標簽沒有固定的格式表現。當對它應用樣式時，它才會產生視覺上的變化。如果不對 <span> 應用樣式，那么 <span> 元素中的文本與其他文本不會任何視覺上的差異。

<span> 標簽提供了一種將文本的一部分或者文檔的一部分獨立出來的方式。

提示和注釋

提示：被 <span> 元素包含的文本，您可以使用 CSS 對它定義樣式，或者使用 JavaScript 對它進行操作。

HTML 4.01 與 HTML5之間的差異

NONE.

全局屬性

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

事件屬性

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

如您還有不明白的可以在下面與我留言或是與我探討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，我們一起飛！