什麼是HTML5佔位符鏈接？
idUp直到HTML5，a標籤需要一個屬性：href。 但HTML5甚至可以將該屬性設為可選。 當你寫一個沒有任何屬性的標籤時，它被稱為佔位符鏈接。
佔位符鏈接如下所示：
上一頁在開發過程中使用佔位符鏈接
幾乎每個網頁設計師都在設計和構建網站時同時創建了佔位符鏈接。 在HTML5之前，我們會寫：
鏈接文字作為佔位符。 而且，我只是通過這些佔位符向客戶發送樣機網站，讓客戶問我“為什麼文本中的鏈接不工作？”
使用標籤（＃）作為佔位符鏈接的問題是該鏈接是可點擊的，這可能會導致客戶混淆。 而且，如果有人忘記使用正確的URL更新它們，則這些鏈接可能會在實時網站上顯示為中斷，因為它們沒有鏈接任何內容。
相反，你應該開始使用沒有任何屬性的標籤。 您可以將這些樣式設置為與網頁上的其他任何鏈接相似，但由於它們只是佔位符，因此它們不會點擊。
在實時網站上使用佔位符鏈接
但是，佔位符鏈接在網頁設計中佔有一席之地，不僅僅是開發。 一個佔位符鏈接可以閃耀的地方是導航。 在很多情況下，網站導航列表有一些方法可以指示您所在的頁面。 這些通常被稱為“你在這裡”的指標。
大多數網站依賴於需要“你在這裡”標記的元素上的id屬性，但也有一些使用class屬性。 但是，無論您使用哪種屬性，都需要對每個有導航的頁面執行一堆工作，從正確的元素中添加和刪除屬性。
通過佔位符鏈接，您可以根據需要編寫導航，然後在將導航添加到頁面時，只需從適當的鏈接中刪除href屬性即可。 我將我的整個導航列表作為代碼片段存儲在我的編輯器中，因此它只是一個快速復制粘貼，然後刪除href。 你也可以讓你的CMS做同樣的事情。
除了向佔位符鏈接添加特殊樣式（我將向您展示如何）之外，該鏈接不可點擊。 因此，顧客不要覺得如果他們點擊目前所在的導航鏈接，他們可能會得到別的東西。
樣式佔位符鏈接
與您網頁上的其他鏈接不同，佔位符鏈接的樣式和風格都很簡單。 只需確定樣式和a：link標籤的樣式。 例如：
一個{color：red; font-weight：bold; 文字修飾：無; } a：link {color：blue; font-weight：normal; 文字修飾：下劃線; }這個CSS將使佔位符鏈接大膽和紅色，沒有下劃線。 雖然正常的鏈接將是正常的重量，藍色和下劃線。
請記住重置您不希望從a標籤繼承的任何樣式。 例如，我將佔位符鏈接的font-weight設置為粗體，所以我必須將其設置為：
font-weight：normal;為標準鏈接。 對於文本修飾也是如此，通過使用選擇器將其刪除，如果我沒有放回，它將會被刪除。