python将根URL作为相对链接的前缀

基础概念

在Web开发中，相对链接和绝对链接是两种常见的URL引用方式。相对链接是相对于当前文档位置的链接，而绝对链接则是完整的URL。将根URL作为相对链接的前缀，通常是为了确保在不同的页面或环境下，链接都能正确地指向目标资源。

类型

根相对链接：以/开头的链接，表示从网站的根目录开始。
父级相对链接：以../开头的链接，表示向上一级目录。
当前目录相对链接：不以/或../开头的链接，表示当前目录。

应用场景

在构建大型网站或Web应用时，使用根URL作为相对链接的前缀可以确保链接的正确性和一致性。特别是在多页面应用（MPA）或多层级目录结构中，这种方法尤为有用。

示例代码

假设我们有一个简单的Flask应用，结构如下：

my_flask_app/
    app.py
    static/
        css/
            style.css
        js/
            script.js
    templates/
        index.html
        about.html

在index.html中，我们希望引用根目录下的style.css文件：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Home</title>
    <link rel="stylesheet" href="/static/css/style.css">
</head>
<body>
    <h1>Welcome to the Home Page</h1>
    <a href="/about">About</a>
</body>
</html>

在about.html中，我们也希望引用相同的style.css文件：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>About</title>
    <link rel="stylesheet" href="/static/css/style.css">
</head>
<body>
    <h1>About Us</h1>
    <a href="/">Home</a>
</body>
</html>