[已解决]关于第五讲课后作业base问题

土沙拉

已设置<a href=”tobeornottobe.html”>干不干</a>
<base href="http://demo.fishc.com/lesson5" target="_blank">
为什么会是这个呢http://demo.fishc.com/tobeornottobe.html？

这个和课上例子没看出区别啊
<base href="http://demo.fishc.com/html5/lesson4" target="_blank">
<a href="test1">第一个例子</a>                                                          <!--http://demo.fishc.com/html5/lesson4/test1-->
求助各位大神，谢谢

最佳答案

月排行榜 / 总排行榜

Teagle

2019-3-26 08:45:24

是这样的，
base标签用来设置基准URL
当页面中出现相对路径时，浏览器会进行如下逻辑的操作：
1. 寻找是否存在base标签，如果存在base标签，那么会将base标签href的值拼接在相对路径的前面
例如：
<base >
<img src="logo.png">
由于img标签的src属性使用的是相对路径，那么此时便会去

                               
登录/注册后可看大图

去寻找这个图片
2. 如果不存在base标签，那么便会以当前URL作为基准URL
例如：
URL：http://www.fishc.com/aritcle/index.html
此时的基准URL便是: http://www.fishc.com/article/
<img src="logo.png">
由于img标签的src属性使用的是相对路径，并且没有找到base标签，因此便会去

                               
登录/注册后可看大图

去寻找这个图片

如果你对这些解析原理着迷的话，建议去阅读《web之困》一书
在那里你将获得喜悦。

跳转到最佳答案楼层

Sacura

没看懂你想问什么

Sacura

可以说详细一点吗^_^

Teagle

是这样的，
base标签用来设置基准URL
当页面中出现相对路径时，浏览器会进行如下逻辑的操作：
1. 寻找是否存在base标签，如果存在base标签，那么会将base标签href的值拼接在相对路径的前面
例如：
<base >
<img src="logo.png">
由于img标签的src属性使用的是相对路径，那么此时便会去

                               
登录/注册后可看大图

去寻找这个图片
2. 如果不存在base标签，那么便会以当前URL作为基准URL
例如：
URL：http://www.fishc.com/aritcle/index.html
此时的基准URL便是: http://www.fishc.com/article/
<img src="logo.png">
由于img标签的src属性使用的是相对路径，并且没有找到base标签，因此便会去

                               
登录/注册后可看大图

去寻找这个图片

如果你对这些解析原理着迷的话，建议去阅读《web之困》一书
在那里你将获得喜悦。

Teagle

1. 是这样的，
   
2. base标签用来设置基准URL
   
3. 当页面中出现相对路径时，浏览器会进行如下逻辑的操作：
   
4. 1. 寻找是否存在base标签，如果存在base标签，那么会将base标签href的值拼接在相对路径的前面
   
5. 例如：
   
6. <base >
   
7. <img src="logo.png">
   
8. 由于img标签的src属性使用的是相对路径，那么此时便会去[img]http://bbs.fishc.com/logo.png[/img]去寻找这个图片
   
9. 2. 如果不存在base标签，那么便会以当前URL作为基准URL
   
10. 例如：
    
11. URL：http://www.fishc.com/aritcle/index.html
    
12. 此时的基准URL便是: http://www.fishc.com/article/
    
13. <img src="logo.png">
    
14. 由于img标签的src属性使用的是相对路径，并且没有找到base标签，因此便会去[img]http://fishc.com/article/logo.png[/img]去寻找这个图片
    
15. 
    
16. 如果你对这些解析原理着迷的话，建议去阅读《web之困》一书
    
17. 在那里你将获得喜悦。

复制代码