Rumah > Artikel > hujung hadapan web > 关于html中<base> 标签的作用及使用介绍
关于html中<base> 标签的作用及使用介绍
- 黄舟asal
- 2017-06-19 17:57:252150semak imbas
描述看不懂，所以请高人解答
通常情况下，浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白
这句话，也有点不懂
制定一个url地址，比如你用base制定了，某个文件夹
下面你调用图片、音乐什么的，不用填写完整的文件夹地址，写上图片名、歌名就行了，它会自动从上面你指定的文件夹里面找。
dde6fb694e6711ae5e6f381704c04ae4 标签为页面上的所有链接规定默认地址或默认目标。
通常情况下，浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。
使用 dde6fb694e6711ae5e6f381704c04ae4 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 来解析所有的相对URL。这其中包括 3499910bf9dac5ae3c52d5ede7383485、a1f02c36ba31691bcfe87b2722de723b、2cdf5bf648cf2f33323966d7f58a7f3f、5c73b9aa2fdcb03bf958d2a0e73b3327 标签中的 URL。
测试：
1：放在base标签前面的link路径可以使用相对路径且是相对于当前路径，
但是放在其后面的link使用相对路径将是相对于base指定的路径。
2：使用了base标签后body中的链接的相对路径将是相对于base指定的路径。
3：使用了base默认目标后，之后的打开方式将采取base指定的方式打开，除非后面又显示定义了打开方式。
总结：base其实就是定义一个默认的地址和默认目标。在其后的链接元素都将起作用。
base标记是一个基链接标记，是一个单标记。用以改变文件中所有连结标记的参数内定值。它只能应用于标记8cea2e99ba256aa9b779f5ab5949ca21与9c3bca370b5104690d9ef395f2c5f8d1之间。
你网页上的所有相对路径在链接时都将在前面加上基链接指向的地址。
base 元素可规定页面中所有链接的基准 URL
我们可以使用 dde6fb694e6711ae5e6f381704c04ae4标签中的href属性来设置，所有的“相对基准 URL”。
这是JSP端的代码
采用了html文件中的 dde6fb694e6711ae5e6f381704c04ae4标签：
<% 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代码中，包含了 89c12655461efb926df48a1d2ef3be07内容。
也就是说，在本html文件中，遇到的所有 “相对链接(例如: 4b83a2e6ba1ff658114c46c79d5cdbc0)”，都是相对于base
的路径(即:http://localhost:8080/myWork/)
Atas ialah kandungan terperinci 关于html中<base> 标签的作用及使用介绍. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!