1. 程式人生 > >html 超連結

html 超連結

超連結
1.標籤<a>
  a.雙標籤,行間元素
  b.href 屬性 用來定義連結的目標地址,實現超連結的功能;
        如果沒有href屬性,<a>標籤僅僅是超連結的一個佔位符;
 2.連結的常見形式
  a.錨點(anchor),用來在網頁內部跳轉
    1.錨點連結主要用來跳轉到頁面中的特定位置
    2.通常href屬性的值為#+id名,可以定位到具體特定id屬性的html元素所在位置;
  b.相對路徑,用來在網頁內部跳轉;
    1.相對路徑主要用於同一個站點內的不同頁面或檔案跳轉,相對是指相對於當前頁面本身;
    2.相對URL的概念基於網站伺服器上的檔案的目錄結構,每個網站都有一個文件的根目錄,相對URL就是基於這個根目錄的html檔案路徑;
    3.相對路徑中的斜槓/代表資料夾的分隔,../表示上一級的資料夾;
  c.絕對路徑

,通常用來在不同網站之間進行跳轉;
    1.絕對URL主要用在不同網站資源之間的跳轉;
    2.一個完整的絕對路徑包含3個部分
       1.協議 http://
       2.域名 csesteel.com
       3.檔案的路徑 /login.html
  d.空連結;
    1.使用用#號代替未指定的具體的url
  e.郵箱連結;
   1.當用戶點選郵箱連結時,會啟動電腦的郵件客戶端程式,向指定的郵箱地址傳送郵件;
   2.如果使用者的電腦未安裝郵件客戶端程式,那麼郵箱連結無法工作;
   <a href="mailto:
[email protected]
">[email protected]</a>
   target:屬性
     a.規定在何處開啟連結文件
     -self 預設值,當前視窗開啟連結;
     -blank 在新的視窗(標籤頁)中開啟連結;
     b.如果需要頁面中的所有的超連結都在新的視窗開啟可以之間在<head>區域加上一句程式碼;
       <base target="-blank"> <base>標籤為頁面上的所有連結規定預設的地址或預設目標;