Question

html如何引用公共的css、js，注意是html，不是jsp，不懂的人不要乱回答

比如每个页面需要引用N个js，M个css，我不想每个页面都写那么多，有没有类似于jsp中<%@ include file="../common.jsp"%>的写法。
因为jsp中的这种写法，html页面不可用，所以html针对这种问题该如何处理。

Answer 1

如果你不使用其他语言,就html是没有你说的办法，只有一条一条引用.

如果你会使用PHP，就使用PHP;

例子:
<link rel="shortcut icon" href="1.ico" />
<link rel="stylesheet" type="text/css" href="styles/1/basic.css" />
<link rel="stylesheet" type="text/css" href="styles/1/1.css" />
这三个css链接直接都保存在一个title.css.php文件里面,就html的格式保存进去就行;

然后每个页面想调用的时候就,在html的</head>上面加下面的代码:
<?php
require 'title.css.php'; //当然，这个文件就放在和你的html同一个文件夹下才是这个路径.

?>
这样既可，就等于引入了三个css文件了.

Answer 2

在xxxx.html里引入各种需要共用的js、css,然后在需要引用这些公共js、css页面的头部使用：

<link rel="import" href="xxxx.html">

优点：

能解决你所说引用多个js的问题

缺点：

当使用thymeleaf等模板框架的占位符时（如做js版本）貌似识别不了，反正我目前还没找到办法。