本文介绍了一种解决离线保存网页后样式错乱的方法，通过在HTML头部使用<base>标签设置基础路径，确保所有外部资源如样式表、脚本等能够正确加载。
有时候我们保存了网页，可打开显示时确实乱七八糟的，格式不对、图片刷不出来、版面是乱的，这些可能都是由于样式表、脚本、图片的路径不对的原因。
几乎所有网页在设计时引用外部文件时都是使用的相对路径，而在浏览器中浏览时，浏览器会自动添加上基础路径，这样就得到一个完整的路径了。但是如果在离线保存的文件中，基础路径就不存在了，幸好html的head中有一个标签：base，可以用来设置网页中引用外部文件的基础路径，如下：
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<base href="http://www.newborn2012.com/" />
<link href="/css/t.css" type="text/css" rel="stylesheet" />
<link href="/ui/css/member.css" rel="stylesheet" type="text/css" />
<title>查询会员历史信息</title>
</head>
……
扫一扫
1519
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
