base 元素可规定页面中所有链接的基准 URL
默认情况下,页面中的链接(包括样式表、脚本和图像的地址)都是相对于当前页面的地址(即:浏览器地址栏里的请求URL)。
我们可以使用 <base>标签中的href属性来设置,所有的“相对基准 URL”。
上面说的是什么意思呢?我们来看看代码就知道咯~~
这是JSP端的代码
下面的代码 (十分类似上面 "方法一" 中的JSP代码)
但是这里我们并没有采用 ${pageScope.basePath}+"相对路径地址" 的方法,
而是采用了html文件中的 <base>标签:
代码如下:
<!-- *************JSP代码******************-->
<%@ page language="java" pageEncoding="GBK" contentType="text/html;charset=gbk" isELIgnored="false"%>
<%
String path = request.getContextPath();
// 获得项目完全路径(假设你的项目叫MyApp,那么获得到的地址就是 http://localhost:8080/MyApp/):
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html>
<head>
<!-- base需要放到head中 -->
<base href=" <%=basePath%>">
</head>
// 这里我们就可以直接使用相对路径(即: 相对于base标签)
<a href="jsp/login.jsp">Login </a>
</html>
<!-- *************************************-->
大概看完了上面的代码,或许您还是有些疑惑 *_*~~
不过当您看到了,下面的代码,可能就豁然开朗了 (*^__^*) 嘻嘻……。
当我们去执行上面的那段JSP代码后,我们可以在浏览器中可以查看,他所返回给客户端的html代码:
执行完上述JSP后,所返回的html代码如下:
<html>
<head>
<base href="http://localhost:8080/MyApp/">
</head>
// 设置了 <base>后,相对路径,相对于的就是base中的路径,而不再是浏览器地址的请求路径啦~~~
<a href="jsp/login.jsp">Login </a>
</html>
我们可以看到JSP返回的html代码中,包含了 <base href="http://localhost:8080/MyApp/">内容。
也就是说,在本html文件中,遇到的所有 “相对链接(例如: <a href="jsp/login.jsp">)”,都是相对于base
的路径(即:http://localhost:8080/MyApp/),所以我们就可以进行的使用 相对链接,而不必担心,
转发操作(forward)或 请求地址不同不同所造成的页面无法找到的错误啦~(即: HTTP: 404)。。。
分享到:
相关推荐
其中,如何去除`<a>`标签默认的下划线效果是前端开发者经常遇到的需求之一。本文将详细探讨这一问题,并提供多种解决方案,帮助读者深入理解并灵活应用。 ### 一、CSS属性:text-decoration 在给定的代码片段中,...
### HTML5中的`<base>`标签详解 #### 标签定义与作用 在HTML5中,`<base>`标签主要用于定义HTML文档中的基准URL(即基础URL),这为文档内的其他链接提供了一个默认的起点。此外,它还规定了如何在浏览器中打开这些...
在探讨JavaScript中`<base>`标签的作用之前,我们先来明确一下`<base>`标签的基本概念及其在HTML文档中的重要性。`<base>`标签是一个关键的HTML元素,主要用于定义文档中所有相对URL的基准URL。它对于链接、图片、...
HTML中的`<base>`标签是一个常被忽视但十分重要的元素,它主要用来设定网页中所有链接的基础URL,以及设定默认的页面打开方式。这个标签在前端开发中扮演着简化路径处理的角色,尤其当你的网站拥有复杂的目录结构时...
HTML中的`<base>`标签是一个非常重要的元素,它在页面的<head>部分使用,用于设置文档的基本URL。这个标签主要用于设定网页中所有相对链接的基准,对于管理和简化页面的链接结构有着重要作用。当我们处理大型网站...
- **说明**:`<base>` 标签用于指定一个显式URL用于解析对于外部源的链接和引用,如图像和样式表。这对于简化文档中的链接路径很有用。例如: ```html <base href="http://www.example.com/"> <a href="subpage....
<attribute> 以对象的形式代表了 HTML 元素的标签属性或属性。 <B> 指定文本应以粗体渲染。 <base> 指定一个显示 URL 用于解析对于外部源的链接和引用,如图像和样式表。 <baseFont> 设置渲染文本时作为缺省字体的...
5. <base>:标签描述了基本的链接地址/ 链接目标,该标签作为 HTML 文档中所有的链接标签的默认链接。 6. <meta>:<meta> 元素可提供有关页面的元信息(meta-information ),比如针对搜索引擎和更新频度的描述和...
HTML文件的结构主要由<head>和<body>两大部分组成,其中<head>标签包含了与文档元信息相关的内容,而<body>则包含实际可见的网页内容。本文将深入解析<head>内部的几个关键标记:<meta>、<link>、<base>以及<body>的...
这只是HTML标签大全的一部分,实际上HTML标签远不止这些,包括列表(`<ul>`、`<ol>`、`<li>`)、表格的复杂样式、表单元素(`<form>`、`<input>`、`<select>`等)、框架(`<frameset>`、`<frame>`)以及HTML5引入的...
如标题标签<h1>到<h6>,这些标签用于定义从最大到最小的六个级别的页面标题。粗体字可以通过<b>标签或<strong>标签来实现,而斜体字则可以通过<i>标签或<em>标签来实现。其他标签如<dfn>用于定义术语,<u>用于添加...
* `<base>`:基础标签,用于创建基础 URL * `<font>`:字体标签,用于创建字体 marquee标签的属性 * `behavior`:滚动行为,包括slide、scroll、alternate * `direction`:滚动方向,包括down、up、left、right * ...
* `<base>`:定义页面中所有链接的默认地址或默认目标 * `<basefont>`:定义页面中文本的默认字体、颜色或尺寸 * `<bdi>`:定义文本的文本方向,使其脱离其周围文本的方向设置 * `<bdo>`:定义文字方向 * `<big>`:...
HTML中的`<base>`标签是网页基础设置的重要组成部分,它为页面上的所有相对URL提供一个基准,以便浏览器解析链接时可以正确地定位资源。在深入理解`<base>`标签的用法之前,我们先要明白URL(统一资源定位符)在网页...
- **注意**:此标签已被废弃,建议使用`<abbr>`代替。 ##### 6. `<address>` - **用途**:定义联系信息。 - **示例**: ```html <address>作者: John Doe<br>邮箱: john@example.com</address> ``` ##### 7. `...
39. `<base>`:基准标签,用于设置页面的默认URL和链接目标。 40. `<frameset>`、`<frame>` 和 `<iframe>`:用于创建框架,允许在一个页面中嵌入多个页面。 41. `<map>` 和 `<area>`:用于创建图像地图,定义图像...
`<base>` 标签用于定义文档中所有相对URL的基本URL。这对于简化页面内的链接非常有用,尤其是在需要引用多个资源时。 ### <bdo>: Bidirectional Override `<bdo>` 标签用于覆盖当前文本方向,并强制从左到右或从右...