2013-05-14 65 views
0

我对web开发很新颖。在网站上的网页上保留相同的边栏和其他元素的最佳做法是什么?你存储侧边栏的HTML和通话?如果是这样,那么如何去做这样的事情呢?跨网页相同侧边栏

+0

[是的,如果您试图避免服务器端技术,可以在Javascri中完成。](http://stackoverflow.com/a/676409/773702) – Josh 2013-05-14 12:31:37

+0

您正在寻找某种“帧”看到这里http://stackoverflow.com/questions/6248564/how-is-better-to-create-frames-in-css-than-html – Fico 2013-05-14 12:31:54

回答

-2

只要你只用html编码,你就需要将你的html复制到每一页。您可以将边栏的CSS存储在同一个文件中,然后在每个页面上调用该边栏。

其他脚本语言和框架可能包含模板(php)或母版页(asp.net),例如它们可以在不同的页面中使用相同的代码。

+0

它可以在JS中完成? – John 2013-05-14 12:29:16

+0

[是的,它可以在Javascript中完成](http://stackoverflow.com/a/676409/773702) – Josh 2013-05-14 12:30:48

+0

是的,有多个合并模板的JavaScript框架。 [Angularjs](http://angularjs.org/)一个... – rGil 2013-05-14 12:31:00

0

这里的one way要做到这一点:使用“包含”文件。不需要JavaScript。服务器完成这项工作,而不是要求客户端添加内容。

SSI或服务器端包含首先被开发为允许开发人员在其他页面中“包含”HTML文档。如果您的Web服务器支持SSI,则可以轻松地为您的网站创建模板。

将网站常用元素的HTML保存为单独的文件。 例如,您的导航部分可能会保存为navigation.html 或navigation.ssi。 使用以下SSI标记将HTML包含在每个页面中。

<!--#include virtual="path to file/include-file.html" --> 

使用要包含的文件每一页上相同的代码。

该页面还介绍了其他一些方法。但如果您知道这是使用包含文件调用的,则可以更轻松地进行搜索。例如,如果必须的话,this article描述了包括以及如何从JavaScript调用它们。