html - How to include duplicate markup in every web page

Question

If all my web pages have the same navigation and footer markup, what is the best way of avoid hard-coding this in every page, so if it needs changing it's only changed in one place so as not to have to edit every html file?

Thanks

Answer 1

使用 AJAXload()方法。

$('#mysection').load('yourfile.html');

当然 URL 也可以指向 PHP 脚本等。

http://api.jquery.com/load/

Answer 2

几个选项：

• 使用静态 HTML 生成器，这将允许您使用模板和纯 HTML。
• 如果您的服务器支持它们，请使用服务器端包含。
• 使用iframe。
• 使用任何服务器端语言及其模板对应部分（php、jinja2、django 等）

Answer 3

您应该使用服务器端解决方案，具体取决于您使用的技术（PHP、ASP 等...）我认为您应该看看这个链接。