I want to make my project's structure better and easier to manage. My project is only js and css now, no php. Here is my project before:
File A
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/jquery.min.js"></script>
<link rel="stylesheet" href="index.css">
<script src="main.js"></script>
</head>
<body>
blah blah blah
</body>
</html>
File B
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/jquery.min.js"></script>
<link rel="stylesheet" href="index.css">
<script src="main.js"></script>
</head>
<body>
hello hello hello
</body>
</html>
Can I make the files like this
setting.html
<meta charset="UTF-8">
<script src="js/jquery.min.js"></script>
<link rel="stylesheet" href="index.css">
<script src="main.js"></script>
File A and B
<html>
<head>
embed setting
</head>
<body>
blah blah
</body>
</html>
How can I do this? Do any frameworks or library do this ?