02.26 前端系列課程(21)- 文本級別語義之超鏈接

可以是文本超鏈接,也可以是圖像超鏈接;任何文檔流內容都可被嵌套,只要不是交互內容(如按鈕、鏈接等)。

默認情況下,鏈接將以以下形式出現在瀏覽器中(可以通過 CSS 重新設置):

  • 一個未訪問過的鏈接,顯示為藍色字體並帶有下劃線;
  • 訪問過的鏈接,顯示為紫色並帶有下劃線;
  • 點擊鏈接時,鏈接顯示為紅色並帶有下劃線;

另,a 元素的文本顏色只能自身進行設置,從父級繼承不到;a 元素不可嵌套 a 元素。

<code> // a鏈接可以用來鏈接到外部地址實現頁面跳轉功能,也可以鏈接到當前頁面的某部分實現內部導航功能。/<code>
  • href:表示鏈接地址的路徑。
  • <code>1. 鏈接地址       // 說明:外部鏈接,以 http:// 或 https:// 開頭;內部鏈接,直接訪問資源文件所在路徑(含文件名)即可 2. 下載地址       拓展:download屬性用來設置下載文件的名稱(firefox/chrome/opera支持)          3. 錨點:點擊頁面中的一個地方時,就會跳轉到頁面中的另一個地方。   A頁面甲位置到A頁面乙位置或A頁面甲位置到B頁面乙位置;錨鏈接常用於目標頁內容很多,需定位到目標頁內容中的某個具體位置時。   操作步驟:    a. 在頁面的乙位置設置標記,如,         [ 可以使用name或id屬性,由於有些標籤沒有name屬性,為了更好的兼容,建議使用id屬性 ]    b. 設置甲位置鏈接路徑href屬性值為"#標記名",如,        (1)href:#id名                        



















    內容
    (2)href:頁面地址#id名 // href屬性一定不要留空,若暫時不需要寫地址,則寫 # 或 javascript:; 若href留空,會刷新頁面。 4.功能性鏈接:單擊鏈接時,用於啟動本機自帶的某個應用程序。如電子郵件、QQ等。 (1)電子郵件 用法:“mailto:電子郵件地址”。如, 多個郵箱 抄送、主題等 (2)手機號碼 在移動端,使用 可以喚出手機撥號盤/<code>
  • target:跳轉方式(_self,在當前窗口顯示(默認);_blank,在新窗口顯示)
  • <code>// 外層框架<frameset>    <frame>    <frame>/<frameset>// 裡層框架<frameset>    <frame>    <frame>        /<frameset>// 錨點頁
    /<code>

    [ 絕對路徑 & 相對路徑 ]

    超鏈接的路徑均為文件名,目錄下

    <code>若兩個文件不在同一目錄下,該如何表示文件路徑呢?    網頁中,通常使用URL來定義一個鏈接地址(webpiece.cn)   根據鏈接地址指向站內外文件:絕對路徑和相對路徑   絕對路徑:指向目標地址的。如,    相對路徑:相對於當前頁面文件。如,     另,使用相對路徑時,常用到兩個特殊符號:   "../"表示當前目錄的上級目錄。   "../../web2.html"表示當前目錄的上上級目錄。/<code>


    分享到:


    相關文章: