在 HTML 中,使用 <a> 標簽可以創建一個鏈接,用戶可以通過點擊這個鏈接來跳轉到其他頁面或打開其他文件。但是,有時候我們希望這個鏈接不可點擊,例如當鏈接指向一個不存在的頁面時,或者我們只是希望把鏈接作為一個純文本展示出來而不提供點擊功能。
要設置一個不可點擊的鏈接,我們可以在 <a> 標簽中添加一個屬性:href="#"。這個井號 (#) 實際上是一個鏈接到當前頁面的錨點,因此當用戶點擊這個鏈接時,頁面并不會發生跳轉。
<a href="#">這是一個不可點擊的鏈接</a>
如果我們希望鏈接的文本不變色、不帶下劃線,我們可以通過 CSS 來取消鏈接的默認樣式:
<style> a[href="#"] { color: black; text-decoration: none; cursor: default; } </style>
在這個樣式中,我們使用了一個 href 屬性選擇器來選中只有 href 值為 "#" 的鏈接。然后,我們取消了鏈接的默認文本顏色和下劃線,并將光標樣式設置為默認(因為鏈接不能點擊,所以將光標設置為默認可以避免用戶直接點擊鏈接造成的不必要的困惑)。
總之,通過添加一個 href 屬性值為 "#" 的鏈接,并使用 CSS 將默認樣式取消,我們可以將一個鏈接設置為不可點擊的純文本。這種技巧在一些特定的場景下非常有用。