html中的base标签的作用是什么？

最新推荐文章于 2022-12-09 22:13:17 发布

天上的云川

最新推荐文章于 2022-12-09 22:13:17 发布

阅读量1.6k

点赞数 1

分类专栏：尚硅谷众筹网ssm项目练习问题记录

本文链接：https://blog.csdn.net/m0_46573836/article/details/115268396

版权

尚硅谷众筹网ssm项目练习问题记录专栏收录该内容

12 篇文章

订阅专栏

本文介绍了HTML中的base标签，它用于设置页面所有相对URL的基础路径。通过使用base标签，可以改变浏览器解析相对URL的方式，确保如<a>、<img>、<link>、<form>等标签的URL指向正确。例如，在表单提交或引用样式表时，base标签能确保URL根据指定的基础路径进行解析，这对于动态网站尤其有用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

base标签的定义和使用说明

通常情况下，浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。

使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 来解析所有的相对 URL。这其中包括<a>、<img>、<link>、<form> 标签中的 URL。

举例说明

例1

<html>
  <head>
    <title>$Title$</title>
    <base href="http://${pageContext.request.serverName}:${pageContext.request.serverPort}${pageContext.request.contextPath}/">

  </head>
  <body>
    <form action="doForm" method="post">
      <input type="text" name="test">
      <button type="submit">提交</button>
    </form>
  </body>
</html>

此时这个action其实就相当于http://${pageContext.request.serverName}:${pageContext.request.serverPort}${pageContext.request.contextPath}/doForm>

例2

<html>
  <head>
    <title>$Title$</title>
    <base href="http://${pageContext.request.serverName}:${pageContext.request.serverPort}${pageContext.request.contextPath}/">
    <link type="text/css" rel="stylesheet" href="css/index.css" >
  </head>
  <body>
  </body>
</html>