1. 程式人生 > >HTML5 超連結:a標籤的href 屬性

HTML5 超連結:a標籤的href 屬性

H5中a標籤的 href 屬性用於指定超連結目標的 URL,這裡主要給大家介紹一下 href 屬性的定義和用法以及應用例項。

定義和用法:

<a> 標籤的 href 屬性用於指定超連結目標的 URL。

href 屬性的值可以是任何有效文件的相對或絕對 URL,包括片段識別符號和 JavaScript 程式碼段。如果使用者選擇了 <a> 標籤中的內容,那麼瀏覽器會嘗試檢索並顯示 href 屬性指定的 URL 所表示的文件,或者執行 JavaScript 表示式、方法和函式的列表。

注意:<a> 標籤中必須提供 href 屬性或 name 屬性。

語法例項:

href 屬性規定連結的目標:

<a href="https://www.zhujib.com">主機吧</a>

製作文字連結

一個引用其他文件的簡單 <a> 標籤可以是下列形式:

<a href="https://www.zhujb.com">主機吧 獨立部落格</a>

瀏覽器用特殊效果顯示短語“主機吧 獨立部落格”(通常是帶下劃線的藍色文字),這樣使用者就會知道它是一個可以連結到其他文件的超連結。就像這樣:

使用者還可以利用瀏覽器中的選項來自己指定文字顏色、設定連結前和連結後連結文字的顏色。

提示:可以使用 CSS 偽類向文字超連結新增複雜而多樣的樣式。