我正在开发一个类似于本网站和谷歌的导航栏,假设我想制作更多具有相同布局的网站。我将如何使用 html 执行此操作?我知道 php 有:
<?php include "file name"; ?>
有没有办法在 HTML 文档中做类似的事情?
最佳答案
HTML 不是服务器端语言,它只是一种标记语言。它不提供任何方式在您的 HTML 代码中包含不同页面的内容。 HTML 根本不支持它。
如果您愿意使用 jQuery 等库,那么这将是一项简单的任务。您可以使用 jQuery .load()
方法来获取 HTML 文件的内容,然后将其注入(inject) HTML DOM。
$(document).ready(function() {
$('#someDiv').load('/path/to/file.html');
});
请注意,由于 Same Origin Policy,远程文件将无法工作。 .另外,请注意,如果您关心 SEO,这不是一个好主意。搜索引擎蜘蛛不会看到您的实际 HTML 代码,他们可能会错过您网站的重要部分。
最好的方法是使用服务器端语言。如果您已经在提供动态内容,那么这样做更有意义。服务器端脚本在服务器机器上运行,然后该脚本的结果,通常是 HTML 标记,然后被发送到客户端。 区别在于 HTML 标记是在页面加载之前生成的,而不是期间或之后,就像上面显示的方法。
关于php - 在 HTML 中包含选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21949412/