href

href是Hypertext Reference的縮寫。意思是指定超連結目標的URL。是css代碼的一種。href 屬性的值可以是任何有效文檔的相對或絕對URL，包括片段標識符和JavaScript代碼段。

基本介紹

• 中文名：超文本引用
• 外文名：Hypertext Reference
• 簡寫：href
• 作用：指定超連結目標的URL

定義

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

如果用戶選擇了<a>標籤中的內容，那么瀏覽器會嘗試檢索並顯示href 屬性指定的URL所表示的文檔，或者執行JavaScript表達式、方法和函式的列表。

屬性值

在HTML中，href屬性具有如下表中所述的屬性值：

值	描述
URL	超連結的 URL。可能的值： 絕對 URL - 指向另一個站點; 相對 URL - 指向站點內的某個檔案; 錨 URL - 指向頁面中的錨

用法分類

1. 內部連線：
   <a href="#/URL">name</a>
2. 錨記：
   <a name="object-name">name</a><a href="#object-name">name</a>
3. 外部連結：
   <a href="URL">name</a>
   建立一個以name為表象的網址連結。
4. 連結說明文字：
   <a href="/" title="連結說明">連結說明</a>
5. 特效連結
   特效連結的目的不是跳轉到其他位置，而是為了實現基本頁面特效，這種連結需要腳本來支持。例如：
   JavaScript腳本：
   <a href="javascript:alert('夜深了早點休息吧！')">點擊我！</a>
   <a href="javascript:;">回到頂部</a>
   通常用於跳轉，且不跳轉到某錨點#xxx，用來實現返回頂部等效果。
   VBScript腳本：
   <a href=vbscript:msgbox("現在時間是："&time)>點擊我！</a>
6. 詭異無名超連結
   在HTML中，頁面相互嵌套，再帶上frame的總和套用時，超連結的路徑錯誤是個問題。如在java web開發時，下面是普通的超連結：
   <a href="findallsupplier.action?sign=0"></a>
   經常報找不到檔案或是路徑中有重複路徑存在！
   解決方法：
   <a href="../../findallsupplier.action?sign=0"></a>
   不僅要指明這個超連結要去訪問誰，還要指明伺服器處理完再次跳轉時的相對路徑。
7. 外部CSS引用：
   <link type="text/css" rel="stylesheet" href="../css/test.css" />
8. 如果<a>連結</a>不設定href的話，部分瀏覽器將不會出現cursor“手指針”。
9. 如前端編程中CSS的外部樣式表使用中：