“压缩”标题代码?

时间:2014-11-25 01:13:37

标签: html css twitter-bootstrap

抱歉,如果以前曾经问过这个问题,我觉得我甚至无法正常搜索,或者找不到任何东西。

我刚刚参加了一个网络开发课程,并尝试使用Bootstrap构建一个网站。由于我希望我的网页有多个页面,因此标题/导航条形码最终对所有页面大致相同,除了选择“活动”和“活动”之外。标签是。

一般来说,有没有办法将所有内容保存在一个文件中,然后将其导入每个页面?我认为如果我/某人想要更改标题,这将会有所帮助,但是我不想单独更新每个页面的标题/导航代码。

谢谢!

3 个答案:

答案 0 :(得分:0)

你在问什么是动态生成的页面。

首先你下载一些"本地服务器程序",例如https://www.apachefriends.org/index.html,它可以很容易地在linux和windows上使用而且没有问题。然后,您必须学习用于生成html内容的编程语言。这可能是面向Web的语言之一,例如PHP。您使用自己的编码函数通过语言命令生成内容(例如,一遍又一遍地包括相同的部分)。

答案 1 :(得分:0)

我知道这不是一个很好的答案,但你应该研究如何使用angularjs。有大量的介绍教程!如果您不知道,它会创建一个SPA(单页应用程序)站点。例如,在rails应用程序中,它使用application.html.erb文件,该文件在整个应用程序的所有页面上使用该代码。所以像navbars这样的东西通常写在这个文件中。此外,角度使您的页面看起来无缝!它也很好地结合了bootstrap!

初学者教程: http://www.toptal.com/angular-js/a-step-by-step-guide-to-your-first-angularjs-app

语言教程: http://www.codecademy.com/ 喜欢这个网站!他们刚刚添加了一个rails应用程序教程!它处于测试阶段,因此存在一些错误

答案 2 :(得分:0)

有两种方法:

所有这些都会引入外部html文件并将其包含在所有网页中:

服务器端

即使您已在服务器上安装了该文件。我将使用PHP作为服务器端代码的示例:

<子>的 PHP:

include_once("/path/to/my/menu")

<子>的 HTML:

<?php include_once("/path/to/my/menu") ?>

客户端

这适用于所有使用JS的平台。诀窍是AJAX。首先,浏览器加载目标网页,然后加载菜单。

由于使用简单的JS会很麻烦,你可以使用JQuery,一个JavaScript库。

<子>的 JS:

$(function() {
    $(".target").load("/path/to/my/menu");
})

<子>的 HTML:

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
$(function() {
    $(".target").load("/path/to/my/menu");
})
</script>
<div class="target"></div>

请参阅:http://api.jquery.com/load/