WEB 工程路径

林小果呀

于 2024-04-01 14:55:08 发布

阅读量616

点赞数 11

分类专栏： javaweb 文章标签： java 开发语言

本文链接：https://blog.csdn.net/weixin_74144099/article/details/137233400

版权

javaweb 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

WEB 工程路径

相对路径

使用相对路径来解决，一个非常重要的规则：页面所有的相对路径，在默认情况下，都会参考当前浏览器地址栏的路径 http://ip:port/工程名/ + 资源来进行跳转。

相对路径带来的问题

请添加图片描述

如上图，若在a.html界面使用相对路径访问my.css的资源，浏览器会定位到web/d1/d2/my.css，这显然不是资源所在的位置。

base 标签

如果需要指定页面相对路径参考的的路径，可以使用 base 标签来指定

1）base 标签是 HTML 语言中的基准网址标记，它是一个单标签，位于网页头部文件的 head标签内

2）一个页面最多只能使用一个 base 元素，用来提供一个指定的默认目标，是一种表达路径和连接网址的标记。

3）常见的 url 路径形式分别有相对路径与绝对路径，如果 base 标签指定了目标，浏览器将通过这个目标来解析当前文档中的所有相对路径，包括的标签有（a、img、link、form）

4）也就是说，浏览器解析时会在路径前加上 base 给的目标，而页面中的相对路径也都转换成了绝对路径。使用了 base 标签就应带上 href 属性和 target 属性

示例：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>a.html</title>
        <!-- 将以 base 指定的 href 的地址为路径，来确定 超链接的路径-->
        <base href="http://localhost:8080/">
    </head>
    <body>
        <h1>这是 a.html</h1>  
        <!-- 这里的路径为：http://localhost:8080/d1/d2/b.html-->
        <a href="d1/d2/b.html">跳转到/d1/d2/b.html</a> 
        <br/><br/>
        <a href="xxx">转发到/d1/d2/b.html</a> 
    </body>
</html>