html相对路径变绝对路径（一个标签解决）
程序员文章站
2022-05-09 23:50:42
...
我们抓取一些网站的页面后，会发现有的页面中的url是相对路径，我们直接打开这个html，格式就是乱的。需要把相对路径的url修改为绝对路径，难道需要手动在这些url前面加上一个域名前缀吗？
最简单的解决方法：
在head中使用base标签。
[quote]浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 <a>、<img>、<link>、<form> 标签中的 URL。[/quote]
例子：
其中eg_smile.gif为相对路径，但因为存在base href，浏览器会自动解析为http://www.w3school.com.cn/i/eg_smile.gif。
参考：
[url]http://www.w3school.com.cn/tags/tag_base.asp[/url]
最简单的解决方法：
在head中使用base标签。
[quote]浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 <a>、<img>、<link>、<form> 标签中的 URL。[/quote]
例子：
<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。
参考：
[url]http://www.w3school.com.cn/tags/tag_base.asp[/url]