html中base标签的作用及使用方法

最新推荐文章于 2021-09-14 16:42:56 发布

不打伞的小鱼

最新推荐文章于 2021-09-14 16:42:56 发布

阅读量8.9k

点赞数 3

分类专栏： javascript+Ajax+JQuery 工作笔记

工作笔记同时被 2 个专栏收录

18 篇文章 0 订阅

订阅专栏

javascript+Ajax+JQuery

16 篇文章 0 订阅

订阅专栏

今天看代码的时候里面有一段如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<base href="<%=basePath%>">
<title>资源库登录</title>

.....

于是上网查了一下，看到一篇文章很好，就记下来了。

文章如下：（转载自：http://blog.csdn.net/cowmich/article/details/8122755）

base标记是一个基链接标记，是一个单标记。用以改变文件中所有连结标记的参数内定值。它只能应用于标记<head>与</head>之间。
你网页上的所有相对路径在链接时都将在前面加上基链接指向的地址。

base 元素可规定页面中所有链接的基准 URL
我们可以使用 <base>标签中的href属性来设置，所有的“相对基准 URL”。

这是JSP端的代码
采用了html文件中的 <base>标签：
代码如下:
<%
String path = request.getContextPath();
// 获得项目完全路径（假设你的项目叫myWork，那么获得到的地址就是 http://localhost:8080/myWork/）:
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

// 将 "项目路径basePath" 放入pageContext中

%>
<html>
<head>
<base href=" <%=basePath%>">

//base只能应用于标记<head>与</head>之间
</head>
// 这里我们就可以直接使用相对路径(即: 相对于base标签)
<a href="jsp/login.jsp">Login </a>
</html>
当我们去执行上面的那段JSP代码后，我们可以在浏览器中可以查看，他所返回给客户端的html代码:
执行完上述JSP后，所返回的html代码如下:
<html>
<head>
<base href="http://localhost:8080/myWork/">
</head>
// 设置了 <base>后，相对路径，相对于的就是base中的路径，而不再是浏览器地址的请求路径啦~~~
<a href="jsp/login.jsp">Login </a>
</html>

我们可以看到JSP返回的html代码中，包含了 <base href="http://localhost:8080/myWork/">内容。
也就是说，在本html文件中，遇到的所有 “相对链接(例如: <a href="jsp/login.jsp">)”，都是相对于base
的路径(即:http://localhost:8080/myWork/)

不打伞的小鱼

关注

3
点赞
踩
8

收藏

觉得还不错? 一键收藏
1
评论
html中base标签的作用及使用方法

今天看代码的时候里面有一段如下： "> 资源库登录.....于是上网查了一下，看到一篇文章很好，就记下来了。文章如下：（转载自：http://blog.csdn.net/cowmich/article/details/8122755）base标记是一个基链接标记，是一个单标记。用以改变文件中所有连结标记的参数内定值。它只能应用于标记与之间。
复制链接

扫一扫