Fatal编程技术网
  • html/
  • html中的公共元素

html中的公共元素

html css

html中的公共元素,html,css,Html,Css,我正在开发一个项目，发现有一些元素对所有页面都是通用的，我想知道是否有任何方法可以定义这些元素，并从html中调用它们，以避免必须定义每个页面。非常感谢您的帮助test.html 另一个选项可以是，或者像includeswithphp这样的东西。我不知道用纯HTML做这件事的任何方法，但是通过混合一些服务器端脚本，您可以。只是想让你知道它是什么样子： 本例使用PHP。如果您在Microsoft服务器上，则需要将此示例转换为.NET或.aspx 首先，将以下内容保存到与其他页面位于同一文件夹中

我正在开发一个项目，发现有一些元素对所有页面都是通用的，我想知道是否有任何方法可以定义这些元素，并从html中调用它们，以避免必须定义每个页面。非常感谢您的帮助

test.html

另一个选项可以是，或者像includeswithphp这样的东西。

我不知道用纯HTML做这件事的任何方法，但是通过混合一些服务器端脚本，您可以。只是想让你知道它是什么样子：

本例使用PHP。如果您在Microsoft服务器上，则需要将此示例转换为.NET或.aspx

首先，将以下内容保存到与其他页面位于同一文件夹中的名为“mytest.php”的文件中。（如果愿意，可以将其放在子文件夹中，但对于本例，我将保持简单）
这个测试只有一行。有点没用，但你能看出重点

现在，在HTML的
标记中，您可以这样做（我添加了
标记只是为了让您可以看到它…您不希望有两组
标记。）
现在，访问页面并显示HTML，您应该会看到该行合并到HTML中。请注意，任何包含PHP代码（如上所述）的文档都必须以
.PHP
扩展名结尾。

正如@loops所建议的，我强烈建议您进行拯救

这是一个伟大的MVC框架，使用JavaScript构建，没有外部依赖

它提供了使用自定义元素创建自定义元素的可能性

因此，您可以创建一个新元素
，您可以为这个新标记提供一些行为，并将事件绑定到它

AngularJS负责所有其余的工作，您的新标签将在应用程序的所有页面上都可用

是的，您的想法是正确的，应该在客户端而不是服务器端完成

我很高兴为您提供一个完整的工作示例，一旦您首先了解了框架。否则我认为一下子会有太多的信息；）

共享CSS或共享HTML或两者兼有？您可以使用服务器端语言，如或ASP.NET等。使用纯HTML的唯一方法是使用Iframe，或使用Ajax请求使用javascript。否则，您将不得不使用服务器端语言，正如Itay所提到的那样，服务器端才是最佳选择。不要在JavaScript中这样做-您将降低页面的可访问性。不要调用服务器来显示这些项目，因为它们是简单的菜单，并且认为将它们放置在html中要快得多，非常感谢您的回答。 
<div>Menu</div>

$('#result').load('ajax/test.html', function() {
   alert('Load was performed.');
});

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<head>
    <?php include 'mytest.php'; ?>
</head>