JS中的<a> <link> <base>等等都有 href属性
<script>的src属性都要用到路径
看百度首页源代码什么类型的都有:
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="search" type="application/opensearchdescription+xml" href="/content-search.xml" title="百度搜索">
<link rel="icon" sizes="any" mask="" href="//www.baidu.com/img/baidu.svg">
<script data-require-id="swfobject" src="http://s1.bdstatic.com/r/www/cache/static/plugins/swfobject_c1c7185a.js" async=""></script>
<script data-require-id="soutuIndex" src="http://s1.bdstatic.com/r/www/cache/static/soutu/js/tu_cfd9e720.js" async=""></script>
有带一个斜杠的 有带2个的 有http 有https 当然还可以不带
可以是绝对路径 也可以是相对路径
1.绝对路径时 href属性值是URL( uniform Resouce Locator 统一资源定位器) 对文档资源什么的寻址
语法:
scheme://host.domain:port/path/filename
scheme -- 因特网服务类型 比如HTTP,HTTPS (注意两者区别) , file,ftp
domain -- 域名 .com .cn
host -- 主机 http默认主机是www 如果省略就是默认www
port --端口号 http默认80
path -- 服务器的路径 如果省略默认定位到网站根目录
filename -- 文档名 可以被省略 如果省略默认定位类似index.html 或者其他web服务器设置的文件
href="//www.baidu" 双斜杠 参考https://www.paulirish.com/2010/the-protocol-relative-url/
意思就是根据页面传输协议自动绝对url的服务类型scheme 如果是https就用https
防止在IE里出现错误信息
“This Page Contains Both Secure and Non-Secure Items”但是当你浏览本地文件的时候,它会解析为 file:// 协议
这种特性可以用来加载CDN:也适用于CSS
注意:如果在IE7,IE8中使用 <link> 和 @import 引入 CSS 的时候,会下载两次 CSS 文件。
2. 相对路径:
就是说有“/”:环境(服务器)根目录开始查找
没有时:程序会从发起请求的路径(Web应用目录)开始查找。
To be continue