首頁 > web前端 > html教學 > html中href什麼意思

html中href什麼意思

清浅
發布: 2019-05-08 09:21:05
原創
54299 人瀏覽過

HTML中的href指的是超文本引用,它的值是任何有效文件的相對或絕對URL,包括識別碼或js程式碼段,一般用於a標籤中來指定超連結跳轉目標url。

對於a標籤,大家都不陌生它最重要的功能是實作超連結和錨點的,而href是a標籤中的重要屬性,接下來將在文章中為大家詳細介紹href是什麼意思,具有一定的參考價值,希望對大家有幫助。

html中href什麼意思

【推薦課程:HTML教學

href屬性

href指的是超文本引用,它的值可以是任何有效文件的相對或絕對URL,包括片段識別碼和JavaScript程式碼片段。

而a標籤中的href 屬性是用來指定超連結目標的 URL,如果一個標籤裡的href沒有被指定鏈接,那麼標籤就不是一個連結了。

語法:

<a href="URL">
登入後複製

其中URL表示超連結的URL,它有以下三種值:

絕對URL:指連結位址指向另一個站點,例:href=“http://www.php.cn/”

相對URL:指向站點內某個文件,範例:href="/course/list/1.html"

錨定URL:指向頁面中的錨,範例:href="#top"

#href的常見用法:

(1 )href="#"的使用

a標籤中href="#"表示回到最頂部,如果當前頁面中需要滾動的話,那麼用這種方式就可以直接回到頂部

<span style="font-size:14px;"><a href="#">回到最顶端</a></span>
登入後複製

(2)href="javascript:void(0);" 用法

這是網站最常用的方法,完整程式碼如下圖所示。其中onclick方法負責執行js函數,而void是一個運算符,void(0)回傳undefined表示位址不發生跳轉

<a href="javascript:void(0);" onclick="js_method()">
登入後複製

(3)a href="javascript:;" 用法

該方法與上述方法類似,姿勢此方法中執行了一條空的js程式碼

<a href="javascript:;" onclick="js_method()">
登入後複製

 總結:以上就是這篇文章的全部內容了,希望對大家有幫助。

以上是html中href什麼意思的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板