html 超連結
阿新 • • 發佈:2018-12-01
超連結
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:
target:屬性
a.規定在何處開啟連結文件
-self 預設值,當前視窗開啟連結;
-blank 在新的視窗(標籤頁)中開啟連結;
b.如果需要頁面中的所有的超連結都在新的視窗開啟可以之間在<head>區域加上一句程式碼;
<base target="-blank"> <base>標籤為頁面上的所有連結規定預設的地址或預設目標;