Question

我有一个HTML组件，我想在几个页面上重用。为了优雅，我想重用组件而不是复制和粘贴它。

这是一个棘手的问题，在我的搜索中我找到了this帖子，这简单地说它在纯HTML中是不可能的。但后来我发现了this帖子，看起来它可以完全符合我的要求那么，哪一个是对的？

供参考，这是我试图重用的组件：

<div id="topbar" class="container">
    <div class="test1">
        <p> Style1
    </div>

    <div class="test2">
        <p> Style2
    </div>

    <div id="test3">
        <p> Style3
    </div>
</div>

Answer 1

Pure html没有可重用的组件架构，但有几个选项。

jQuery：您可以执行加载，从文件中抓取HTML片段并将其嵌入到您的页面中。
Angular.Js：您可以创建一个自定义指令，其作用类似于HTML标记，但呈现为HTML片段
服务器端包含：如果您的服务器中包含此功能，则可以实现此功能。
- ASP：
服务器代码执行：与服务器端包含一样，如果您在支持PHP，ASP，Ruby，ASP.NET或其他几种语言的服务器上运行，您可以将它们嵌入到HTML中的代码中。服务器。
- ASP.NET C＃：@MyStringVariable
- PHP：include("my fragment file name");

您的问题是进入软件工程和Web开发这个庞大世界的第一个问题。

Answer 2

您可以使用服务器端语言执行此操作，因此如果您使用的是PHP，则可以执行此操作

include("MyMarkup.php");

或者如果您使用ASP，则可以执行此操作

<!--#include file="includefile.asp"-->

HTML重用组件

2 个答案: