如何使用所有 css、javascript 文件制作正确的 html 页面模板，以便我可以像 django 一样在后端使用它？

编程问答 2022-05-25

问题描述

我正在做静态 html 文件来制作模板，以便我可以对其他文件使用相同的样式，js，但上次我未能为所有页面制作合适的模板。 我有很多页面，我想使用正确的方式，以免每个页面发生冲突。

<!DOCTYPE html>
<html lang="en">
   <head>
      <Meta charset="UTF-8">
      <Meta http-equiv="X-UA-Compatible" content="IE=edge">
      <Meta name="viewport" content="width=device-width,initial-scale=1.0">
      <title>Document</title>
      <!-- Font Awesome -->
      <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" rel="stylesheet"/>
      <!-- Google Fonts -->
      <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet"/>
      <!-- MDB -->
      <link href="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/3.2.0/mdb.min.css" rel="stylesheet"/>
      <!-- For Header -->
      <link rel="stylesheet" href="header.css">
      <!-- Main.css for any changes this page inside main html tag -->
      <link rel="stylesheet" href="main.css">
      <!-- For footer -->
      <link rel="stylesheet" href="footer.css">
   </head>
   <body>
      <header>
         <nav></nav>
      </header>
      <main>
        <section></section>
        <section></section>
        <section></section>
      </main>
      <footer></footer>
      <!-- MDB -->
      <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/3.2.0/mdb.min.js"></script>
      <!-- For Header -->
      <script src="header.js"></script>
      <!-- main.js for any changes this page inside main.html tag-->
      <script src="main.js"></script>
      <!-- For Footer -->
      <script src="footer.js"></script>
      <!-- Others thirdparty libraries below -->
   </body>
</html>

我正在使用 mdn+bootstrap， 如果将来我的页面发生冲突，有人可以告诉我哪里出了问题吗？ 我如何使用正确的策略？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

htmlhtml-templatestemplatestemplatestemplates