Question

例如，当您将css文档链接到html而不在html中编写代码但使用'link'标记链接css文件和html代码时

我有一个徽标和一个菜单栏，它出现在我创建的每个html页面中，而且它的代码很长我想创建一个单独的文件，然后将其链接到页面。感谢

Answer 1

据我所知，你基本上想要创建一个模板来反复使用。看一下这个： Best practice to create a template in HTML 1

Answer 2

如果您想对问题使用PHP代码，可以这样使用。

例如，您的网站有header，container和footer区域。

如果我理解你的问题，就这样使用它对你有用。

你的index.php内线：

header.php
container.php
footer.php

你的header.php 是

<html>
<head>
<link href="style.css">
....
</head>

内部的

container.php代码是

<body>
<div class="MainWrap">..div inside element...</div>

最后一页footer.php里面必须有你的页脚代码

<div class="footer">..footer inside div element..</div>
</body>
</html>

您可以使用footer.php和header.php所有网页

所以您的index.php代码看起来像这样

<?php include("header.php");?>
<?php include("container.php");?>
<?php include("footer.php");?>

所以例如你有另一页contact.php

此代码内的页面是：

<?php include("header.php");?>
<?php include("contact_.php");?>
<?php include("footer.php");?>

Answer 3

您可以使用服务器端包含

<!--#include virtual="/news/news.htm" -->

Answer 4

你会想要看一个模板引擎。一个流行的例子就是使用AngularJS。我不知道html5规范中有什么内置基于模块的模板。虽然使用jQuery与$('#target').html('<p>inserted stuff<\p>');也可以很好地工作。