18910140161

base标签如何写相对路径?

顺晟科技

2021-06-16 10:34:12

665

首先我们说HTML中的基础标签写的是相对路径的内容:

html中的基本标签解决了相对路径问题,

问题是门户系统一直使用相对路径,主页被重写,而主页上很多链接(包括css,js,图片等。)是相对路径,不能问门户系统解决。

杯来了,href=' news/2014/05/25/1234 . html '这样的链接已经成为http://www.111cn.net/news/2014/05/25/1234.html,的完整路径,但是这条路径在nginx中不能被识别为门户系统(nginx由/portal匹配)。

这是因为浏览器会提取当前文档的URL来填充HTML文档所有链接中的相对路径。

突然想起了HTML基础标签,看看W3C的解释:

基本标签为页面上的所有链接指定默认地址或默认目的地。

通常浏览器会从当前文档的URL中提取相应的元素,来填充相对URL中的空白。

您可以通过使用基本标记来更改它。然后,浏览器将使用指定的基本网址来解析所有相对网址,而不是当前文档的网址。这包括标签a,img,链接和表单中的网址。

在html中使用基本标签的示例:

basehref='http://www.php.cn/i/'/

basetarget='_blank'/

/head

身体

imgsrc='eg_smile.gif'/

ah ref=' http://www . PHP . cn ' w3school/a

/body

问题解决了。

注意:本文使用的域名是真的,但是找不到路径。

更好不要动态写基础标签,否则Firefox和IE会有小bug,比如页面http://localhost/static/test . html:

在html中使用基本标签的示例:

超文本标记语言

脚本

document . write(' base href=' http://localhost/'/');

/script

/head/ppbody

imgsrc='static/1.jpg'/

/body

/html

基本标签是基本链接标签和单个标签。用于更改文档中所有链接标记的参数默认值。它只能应用于标签头和/head之间。

在html中使用基本标记获取相对路径:(不支持路径)

以下是对html中base的介绍:

基本元素指定页面中所有链接的基本网址

默认情况下,页面中的链接(包括样式表、脚本和图像的地址)是相对于当前的

页面的地址(即:浏览器地址栏中的请求URL)。

我们可以使用基本标签中的href属性来设置所有的“相对引用URL”。

什么意思?大家看看代码就知道了~ ~

这是JSP端代码,下面的代码(非常类似于上面方法1中的JSP代码)

但是这里我们不采用${pageScope.basePath}“相对路径地址”的方法。

现在我们在html文件中使用基本标签:

超文本标记语言

basehref=' http://localhost :8080/MYAPP/'

/head

!-//设置base后,相对路径是base中的路径,不是浏览器中的路径。

地址的请求路径~ ~ ~-

ahref='jsp/login.jsp'Login/a

/html

本文转载自中文网站

相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航