我正在写一个小网站，其中有几个页面非常相似。大多数情况下，只有一个div的内容是不同的。导航，标题等保持不变。 起初我用一个单独的html文件和这样的javascript代码实现了这一点（由按钮点击事件触发）：
$.get("content/text1.html", function(data) {
$("#content").html(data);
});
这非常顺利，但问题是，地址栏中的网址不会随着这些请求而改变。因此，用户无法链接到某些页面。 我知道#urls有可能，但我希望网址像：
example.com/talks/foo/bar
而不是一些解决方法。
为了实现这种行为，我将代码更改为许多html文件，并且每个人都执行此操作：
$.get("content/header.html", function(data) {
$("#header").html(data);
});
$.get("content/footer.html", function(data) {
$("#footer").html(data);
});
所以我得到了我的好网址，但现在是问题，整个事情并不是很顺利。你很难识别每一个新页面，因为页眉和页脚在身体后几毫秒出现。
我的问题是：github这样的热门网站如何同时实现这两个目标？如果您单击顶部栏中的“浏览”或“博客”，所有“静态”内容似乎永久保留在那里。鉴于他们的网址，我认为他们没有用ajax实现这一点。
我有什么遗漏的吗？
问候