Question

一个好的程序员相信代码的可重用性。我在新的HTML和CSS编程。当我用HTML编码时，我必须在一个HTML文件中编写完整的代码。在我的代码中经常会有许多编程逻辑和代码重复。有没有办法重用我的代码？功能概念在HTML中有效吗？在这里我附加我的代码，我必须重复写下面的行：

<a href="login.html">login</a>|
<a href="logout.html">logout</a>|
<a href="profile.html">profile</a>

Answer 1

只是为了给你一个我想到的概述。

目录结构：

根

包括
- navigation.php
about.php

所以在navigation.php上你有以下代码。

<a href="login.html">login</a>| <a href="logout.html">logout</a>| <a href="profile.html">profile</a>

然后在about.php上使用php上的include函数将它放在你的页面上。

<html>
    <head>
        <meta charset="utf-8">
    </head>
<body>
    <?php include ('includes/navigation.php'); ?>
    <h1>Hello</h1>
</body>
</html>

你去。

如果您使用的是PHP，请尝试学习Laravel，这很好。 Laravel Link

修改

我刚刚意识到没有PHP涉及大声笑。

Answer 2

我能想到的最好：

<!--#include virtual="login.html" -->

即，使用Server side includes否则我不这么认为是可能的。另请注意，HTML是一种标记语言，因此代码可重用性不是您必须关注的内容。

Answer 3

首先，请注意HTML，XML不是代码，它是标记语言。：）

其次，考虑将模板框架与脚本或编程语言结合使用。这应该会促进你的标记的可重用性。

即。 PERL with Template Toolkit，PHP with SMARTY等

Answer 4

这可以通过Class在css中实现 .common {写那里常见的财产}

但在html中不可能。

Answer 5

不幸的是，HTML不是一种编程语言，因此代码可重用性不会以您认为的方式发生。如果您正在尝试使用导航面板或类似的东西，您可以看一下使用iFrame来实现您想要的效果。

这将帮助您将已创建的HTML文件包含在另一个文件中。

您可以找到关于IFrame here的教程。

如果您不想使用脚本语言，那就是这样。你很可能需要一个。

希望这有帮助！

从其他html代码调用html代码

5 个答案: