JSP中的相对路径 URL 基准 base标签

最新推荐文章于 2025-09-25 10:07:16 发布

原创最新推荐文章于 2025-09-25 10:07:16 发布 · 766 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#url基准 #base标签 #相对路径

前端专栏收录该内容

11 篇文章

订阅专栏

本文详细解析了HTML中的<base>标签用法，包括其在文档中的位置要求、属性设置以及如何影响相对路径的解析。通过具体实例展示了<base>标签在JSP网页中的应用。

标签<base> 可设置<head>标签中的相对路径基准：

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

注意事项：
1、在一个文档中，最多能使用一个 <base> 元素， <base> 标签必须位于 <head> 元素内部。
2、应把 <base> 标签排在 <head> 元素中第一个元素的位置，这样 head 区域中其他元素就可以使用 <base> 元素中的信息了。
3、如果使用了 <base> 标签，则必须具备 href 属性或者 target 属性或者两个属性都具备。
4、在 <head> 元素内部<base> 标签以下的url相对路径写不写.或/都可以(在谷歌浏览器中测试通过)。

JSP举例：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html lang="en">
<head>
	<base href="<%=basePath%>">  
        <meta charset="utf-8" />
        <title>用户管理页面</title>
        <link rel="stylesheet" href="css/yonghu.css">
        <link rel="stylesheet" href="/css/bootstrap.min.css">
		<link rel="stylesheet" href="./css/font.css">
    	<script type="text/javascript" src="/js/layui/lay/modules/layer.js"></script>
    	<script type="text/javascript" src="../js/layui/layer.css"></script> 
</head>
<body>



</body>
</html>