`
kevin.wang
  • 浏览: 249206 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

html <base>标签

    博客分类:
  • Web
阅读更多
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>标签下划线

    其中,如何去除`&lt;a&gt;`标签默认的下划线效果是前端开发者经常遇到的需求之一。本文将详细探讨这一问题,并提供多种解决方案,帮助读者深入理解并灵活应用。 ### 一、CSS属性:text-decoration 在给定的代码片段中,...

    HTML5 对各个标签的定义与规定:base

    ### HTML5中的`&lt;base&gt;`标签详解 #### 标签定义与作用 在HTML5中,`&lt;base&gt;`标签主要用于定义HTML文档中的基准URL(即基础URL),这为文档内的其他链接提供了一个默认的起点。此外,它还规定了如何在浏览器中打开这些...

    javascript中BASE标签作用

    在探讨JavaScript中`&lt;base&gt;`标签的作用之前,我们先来明确一下`&lt;base&gt;`标签的基本概念及其在HTML文档中的重要性。`&lt;base&gt;`标签是一个关键的HTML元素,主要用于定义文档中所有相对URL的基准URL。它对于链接、图片、...

    HTML中的base标签 中文WORD版

    HTML中的`&lt;base&gt;`标签是一个常被忽视但十分重要的元素,它主要用来设定网页中所有链接的基础URL,以及设定默认的页面打开方式。这个标签在前端开发中扮演着简化路径处理的角色,尤其当你的网站拥有复杂的目录结构时...

    HTML base 标签的 href 属性

    HTML中的`&lt;base&gt;`标签是一个非常重要的元素,它在页面的&lt;head&gt;部分使用,用于设置文档的基本URL。这个标签主要用于设定网页中所有相对链接的基准,对于管理和简化页面的链接结构有着重要作用。当我们处理大型网站...

    HTML标签解释大全

    - **说明**:`&lt;base&gt;` 标签用于指定一个显式URL用于解析对于外部源的链接和引用,如图像和样式表。这对于简化文档中的链接路径很有用。例如: ```html &lt;base href="http://www.example.com/"&gt; &lt;a href="subpage....

    HTML 语法大全!超级精炼<一点通>

    &lt;attribute&gt; 以对象的形式代表了 HTML 元素的标签属性或属性。 &lt;B&gt; 指定文本应以粗体渲染。 &lt;base&gt; 指定一个显示 URL 用于解析对于外部源的链接和引用,如图像和样式表。 &lt;baseFont&gt; 设置渲染文本时作为缺省字体的...

    HTML常用标签.pdf

    5. &lt;base&gt;:标签描述了基本的链接地址/ 链接目标,该标签作为 HTML 文档中所有的链接标签的默认链接。 6. &lt;meta&gt;:&lt;meta&gt; 元素可提供有关页面的元信息(meta-information ),比如针对搜索引擎和更新频度的描述和...

    html文件head内部标记浅析(meta,link,base,body)

    HTML文件的结构主要由&lt;head&gt;和&lt;body&gt;两大部分组成,其中&lt;head&gt;标签包含了与文档元信息相关的内容,而&lt;body&gt;则包含实际可见的网页内容。本文将深入解析&lt;head&gt;内部的几个关键标记:&lt;meta&gt;、&lt;link&gt;、&lt;base&gt;以及&lt;body&gt;的...

    Html标签大全

    这只是HTML标签大全的一部分,实际上HTML标签远不止这些,包括列表(`&lt;ul&gt;`、`&lt;ol&gt;`、`&lt;li&gt;`)、表格的复杂样式、表单元素(`&lt;form&gt;`、`&lt;input&gt;`、`&lt;select&gt;`等)、框架(`&lt;frameset&gt;`、`&lt;frame&gt;`)以及HTML5引入的...

    HTML标签属性大全

    如标题标签&lt;h1&gt;到&lt;h6&gt;,这些标签用于定义从最大到最小的六个级别的页面标题。粗体字可以通过&lt;b&gt;标签或&lt;strong&gt;标签来实现,而斜体字则可以通过&lt;i&gt;标签或&lt;em&gt;标签来实现。其他标签如&lt;dfn&gt;用于定义术语,&lt;u&gt;用于添加...

    html 标签 及其 属性 大全

    * `&lt;base&gt;`:基础标签,用于创建基础 URL * `&lt;font&gt;`:字体标签,用于创建字体 marquee标签的属性 * `behavior`:滚动行为,包括slide、scroll、alternate * `direction`:滚动方向,包括down、up、left、right * ...

    html5标签大全

    * `&lt;base&gt;`:定义页面中所有链接的默认地址或默认目标 * `&lt;basefont&gt;`:定义页面中文本的默认字体、颜色或尺寸 * `&lt;bdi&gt;`:定义文本的文本方向,使其脱离其周围文本的方向设置 * `&lt;bdo&gt;`:定义文字方向 * `&lt;big&gt;`:...

    00000035_html-base的用法.rar

    HTML中的`&lt;base&gt;`标签是网页基础设置的重要组成部分,它为页面上的所有相对URL提供一个基准,以便浏览器解析链接时可以正确地定位资源。在深入理解`&lt;base&gt;`标签的用法之前,我们先要明白URL(统一资源定位符)在网页...

    HTML 5 标签参考

    - **注意**:此标签已被废弃,建议使用`&lt;abbr&gt;`代替。 ##### 6. `&lt;address&gt;` - **用途**:定义联系信息。 - **示例**: ```html &lt;address&gt;作者: John Doe&lt;br&gt;邮箱: john@example.com&lt;/address&gt; ``` ##### 7. `...

    html标签大全

    39. `&lt;base&gt;`:基准标签,用于设置页面的默认URL和链接目标。 40. `&lt;frameset&gt;`、`&lt;frame&gt;` 和 `&lt;iframe&gt;`:用于创建框架,允许在一个页面中嵌入多个页面。 41. `&lt;map&gt;` 和 `&lt;area&gt;`:用于创建图像地图,定义图像...

    HTML标签英文单词

    `&lt;base&gt;` 标签用于定义文档中所有相对URL的基本URL。这对于简化页面内的链接非常有用,尤其是在需要引用多个资源时。 ### &lt;bdo&gt;: Bidirectional Override `&lt;bdo&gt;` 标签用于覆盖当前文本方向,并强制从左到右或从右...

Global site tag (gtag.js) - Google Analytics