Html 如何设置一个包含<;标题></标题>;并且可以链接到所有页面?

Html 如何设置一个包含<;标题></标题>;并且可以链接到所有页面?,html,header,stylesheet,Html,Header,Stylesheet,我想创建一个页面来包含我所有页面的。这意味着我可以链接我所有的样式表,而不必逐页浏览 有什么想法吗?我用的是视觉工作室 <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge, IE=11"> <meta name="viewport" co

我想创建一个页面来包含我所有页面的
。这意味着我可以链接我所有的样式表,而不必逐页浏览

有什么想法吗?我用的是视觉工作室

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge, IE=11">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="author" content="Drool Design Studio">
    <meta name="apple-mobile-web-app-title" content="Drool Design Studios">

    <title>Drool Design Studio</title>

    <!--FAVICON-->
    <link rel="icon" type="image/png" href="/images/logo/favicon.png" />

    <!--STYLE SHEETS-->
    <link href="style/global.min.css" rel="stylesheet" />
    <link href="style/header.min.css" rel="stylesheet" />
    <link href="style/sections.min.css" rel="stylesheet" />
    <link href="style/footer.min.css" rel="stylesheet" />
    <link href="style/buttons.min.css" rel="stylesheet" />
    <link href="style/scroll.min.css" rel="stylesheet" />
    <link href="style/reviews.min.css" rel="stylesheet" />

    <!--JS-->
    <script src="https://kit.fontawesome.com/662c8a0fc8.js" crossorigin="anonymous"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

</head>

Drool设计工作室

通常使用PHP进行此操作。创建一个文件'header.php',并将其包含在其他每个php页面中:
include'header.php'


但是PHP是在服务器上工作的,所以您需要在某个地方有一个服务器空间来运行它。您可以在家里用Apache在自己的计算机上测试服务器:

通常您使用PHP进行测试。创建一个文件'header.php',并将其包含在其他每个php页面中:
include'header.php'


但是PHP是在服务器上工作的,所以您需要在某个地方有一个服务器空间来运行它。您可以在家里用Apache在自己的计算机上测试服务器:

我使用Flask。烧瓶使用Jinja2制作模板。以下是服务器端[flask]和html模板端[jinja2 html]的外观:

**[yourflaskappname]/crud.py**

from flask import Flask
crudSEapi = Blueprint('crudSEapi', __name__)

app = Flask(__name__)

@crudSEapi.route("/issue_tracker/", methods=['GET', 'POST'])
def issue_tracker():

    

    flows, issue_next_page = get_model().Crud.factory('issue').issues_bf()

return render_template('issue_tracker/BF_FE_view1_v2.html', my_string="Wheeeee!", my_list=[0,1,2,3,4,5])
下面,你将看到如何将jinja与烧瓶一起使用。请注意{{}。您可以从服务器向{{}调用值,并动态地将数据放入HTML模板中。模板是如此神奇和强大!烧瓶很容易学。一定要学习JS

**[yourflaskappname]/templates/issue\u tracker/BF\u FE\u view1\u v2.html**

<HTML>

<HEAD>

<TITLE>Your Title Here</TITLE>

</HEAD>

<BODY BGCOLOR="FFFFFF">

<HR>



<p>My string: {{my_string}}</p>
<p>Value from the list: {{my_list[3]}}</p>
<p>Loop through the list:</p>
  <ul>
    {% for n in my_list %}
    <li>{{n}}</li>
    {% endfor %}

<HR>

</BODY>

</HTML>

你的头衔在这里

我的字符串:{{My_string}}

列表中的值:{{my_list[3]}

循环浏览列表:

    {%n在我的_列表%}
  • {{n}}
  • {%endfor%}

我用烧瓶。烧瓶使用Jinja2制作模板。以下是服务器端[flask]和html模板端[jinja2 html]的外观:

**[yourflaskappname]/crud.py**

from flask import Flask
crudSEapi = Blueprint('crudSEapi', __name__)

app = Flask(__name__)

@crudSEapi.route("/issue_tracker/", methods=['GET', 'POST'])
def issue_tracker():

    

    flows, issue_next_page = get_model().Crud.factory('issue').issues_bf()

return render_template('issue_tracker/BF_FE_view1_v2.html', my_string="Wheeeee!", my_list=[0,1,2,3,4,5])
下面,你将看到如何将jinja与烧瓶一起使用。请注意{{}。您可以从服务器向{{}调用值,并动态地将数据放入HTML模板中。模板是如此神奇和强大!烧瓶很容易学。一定要学习JS

**[yourflaskappname]/templates/issue\u tracker/BF\u FE\u view1\u v2.html**

<HTML>

<HEAD>

<TITLE>Your Title Here</TITLE>

</HEAD>

<BODY BGCOLOR="FFFFFF">

<HR>



<p>My string: {{my_string}}</p>
<p>Value from the list: {{my_list[3]}}</p>
<p>Loop through the list:</p>
  <ul>
    {% for n in my_list %}
    <li>{{n}}</li>
    {% endfor %}

<HR>

</BODY>

</HTML>

你的头衔在这里

我的字符串:{{My_string}}

列表中的值:{{my_list[3]}

循环浏览列表:

    {%n在我的_列表%}
  • {{n}}
  • {%endfor%}

您是否有某种服务器/模板系统?在纯html中无法做到这一点。你可以使用模板语言来生成你的html,尽管我不知道。你能推荐一种我可以调整我的网站的模板语言吗?最容易学的是IMO是Jekyll。您可以在这里找到信息,您应该能够轻松地复制所有内容。这是一个更简单的模板引擎。还建议在页面底部加载JS脚本,就在关闭
标记之前。您是否有某种服务器/模板系统?在纯html中无法做到这一点。你可以使用模板语言来生成你的html,尽管我不知道。你能推荐一种我可以调整我的网站的模板语言吗?最容易学的是IMO是Jekyll。您可以在这里找到信息,您应该能够轻松地复制所有内容。这是一个更简单的模板引擎。还建议在页面底部加载JS脚本,就在关闭
标记之前。