辨析

• href（hypertext reference 超文字引用）：指向網路資源所在位置，建立和當前元素（錨點）或當前文件（連結）之間的連結，用於超連結。
  • 屬性值：片段識別符號、javascript程式碼段、相對或絕對路徑。
    • #
    • #id屬性值
    • javascript:;
    • 相對路徑
    • 網址

  • <link href="index.css" rel="stylesheet" / >

    瀏覽器會識別該文件為css檔案，會並行下載資源，不會停止對當前文件的處理。因此，建議使用link方式載入css，而不是使用@import方式匯入。

  • <a href="#"></
     
    a>

    瀏覽器會檢索並顯示href屬性指定的url所表示的文件，或者執行javascript表示式、方法和函式的列表。

• src（source）：指向外部資源的位置，指向的內容會嵌入文件當前標籤所在位置。在請求src資源時會將其指向的資源下載並應用到文件中，如js指令碼、img圖片和frame等元素。

  • <script type="text/javascript" src="./js/index.js"></script>

    瀏覽器解析到該元素時，會暫停其他資源的下載和處理，直到該資源載入、編譯、執行完畢。因此將js指令碼放在底部而不是頭部。

• rel（relationship）：用於定義連結的檔案和HTML文件之間的關係。
  • stylesheet即樣式呼叫。

    /* 預設關係為空字串 */
    rel = “”
    /* 指定一個固定或首選的樣式 */
    rel = “stylesheet”
    /* 定義一個互動樣式 */
    rel = “alternate stylesheet”
     
    

• url（uniform resource locator統一資源定位符）：網際網路上標椎資源的地址。網際網路上的每個檔案都有一個唯一的url，它包含的資訊指出檔案的位置及瀏覽器怎麼處理它。
  • 基本url包含模式（協議）、伺服器名稱（IP地址）、路徑和檔名。