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

Logo

瓜分20万奖金 获得内推名额 丰厚实物奖励 易参与易上手

更多推荐