在HTML中包含CSS,我应该在哪里放置CSS文件?

时间:2019-07-19 16:46:18

标签: go

我正在尝试(不成功)将CSS包含到html中。我将文件(可执行文件,html和css)放在同一目录“ / test”中。

我已经对该主题进行了一些研究,但是我仍然不能以适当的方式包括CSS。对于我已经看到的是否包含以“ /”开头的css文件,它是相对于根文件夹的,因此可以确认我打印的程序的根文件夹在哪里,并且它指向“ C:\ Users \ Filipe \ Desktop \ go \ src \ test>“,这些是我的所有文件。

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)
}

index.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>

1 个答案:

答案 0 :(得分:0)

尝试更改-

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

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

那应该可以解决问题。