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

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>

此时的href就相当于http://${pageContext.request.serverName}:${pageContext.request.serverPort}${pageContext.request.contextPath}/css/index.css>

posted @ 2021-03-27 19:06  谢海川  阅读(155)  评论(0)    收藏  举报