辨析

• 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地址）、路径和文件名。