论坛首页 Web前端技术论坛

html相对路径变绝对路径(一个标签解决)

浏览 2108 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2012-03-21  
我们抓取一些网站的页面后,会发现有的页面中的url是相对路径,我们直接打开这个html,格式就是乱的。需要把相对路径的url修改为绝对路径,难道需要手动在这些url前面加上一个域名前缀吗?

最简单的解决方法:
在head中使用base标签。
引用
浏览器随后将不再使用当前文档的 URL,而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 <a>、<img>、<link>、<form> 标签中的 URL。


例子:
<head>
<base href="http://www.w3school.com.cn/i/" />
</head>

<body>
<img src="eg_smile.gif" />
<a href="http://www.w3school.com.cn">W3School</a>
</body>

其中eg_smile.gif为相对路径,但因为存在base href,浏览器会自动解析为http://www.w3school.com.cn/i/eg_smile.gif。

参考:
http://www.w3school.com.cn/tags/tag_base.asp
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics