时间戳

首页 > 解决方案 > 在html中包含css，我应该把css文件放在哪里？

go - 在html中包含css，我应该把css文件放在哪里？

问题描述

我正在尝试（不成功）将我的 css 包含到我的 html 中。我在同一目录“/test”中有文件（可执行文件、html 和 css）。

我已经对该主题进行了一些研究，但我仍然无法以正确的方式包含 css。对于我已经看到的，如果我包含以“/”开头的 css 文件，它是相对于根文件夹的，因此要确认我打印它的程序的根文件夹在哪里，它指向“C:\Users\Filipe\Desktop \go\src\test>" 我的所有文件在哪里。

测试.go：

package main

import (
    "fmt"
    "net/http"
    "os"
    "text/template"
)

type Page struct {
    Title    string
    NavItems []navItem
}

type navItem struct {
    Item string
}

func indexHandler(w http.ResponseWriter, r *http.Request) {
    page := Page{
        Title: "title",
        NavItems: []navItem{
            {Item: "item1"},
            {Item: "item2"},
        },
    }
    t, _ := template.ParseFiles("index.html")
    t.Execute(w, page)
}

func testHandler(w http.ResponseWriter, r *http.Request) {
    fmt.Fprint(w, "/t directory test")
}

func main() {
    http.HandleFunc("/", indexHandler)
    fmt.Println(os.Getwd())

    http.ListenAndServe(":8080", nil)
}

索引.html：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" type="text/css" href="/mystyle.css">
    <title>{{.Title}}</title>
</head>
<body>
    <nav>
    {{range .NavItems}}
        <a>{{.Item}}<a>
    {{end}}
    </nav>
</body>
</html>

标签： go

解决方案

尝试改变——

   <link rel="stylesheet" type="text/css" href="/mystyle.css">

至

<link rel="stylesheet" type="text/css" href="test/mystyle.css">

那应该可以解决问题。

推荐阅读