浏览器支持，同时包含 HTML答案

【问题标题】：browser support while including HTML浏览器支持，同时包含 HTML
【发布时间】：2019-11-18 09:36:36
【问题描述】：

有许多选项可以将 HTML 包含在另一个 HTML 代码中。我对 PHP 选项不感兴趣，并且正在寻找最好的 JavasSript 解决方案。我找到了以下代码：

<div w3-include-html="content.html"></div>

<script>
w3.includeHTML();
</script>

以及带有“加载”方法的 jQuery 选项：

$(document).ready(function() {
    $('#item').load('example.html');
});

哪个选项最好？我的意思是大多数浏览器版本都支持哪个选项。

谢谢

【问题讨论】：

【解决方案1】：

从浏览器支持的角度来看，它们实际上是相同的方法。两者都涉及 JavaScript 使用 XHR（又名 AJAX）从服务器获取 HTML 并将其注入页面。

在大多数情况下，最好在服务器端组装页面，至少有几个原因：

SEO - 并非所有爬虫都运行 JavaScript
页面加载速度 - 无需另一个 HTTP 请求即可获取用户最初请求的内容。
不运行 JavaScript 的浏览器 - 有些人禁用 JavaScript。其他人使用不运行 JavaScript 的较旧的基于控制台的浏览器。虽然现在大部分网络都需要 JS 工作，但如果您只包含 HTML，最好在服务器端进行。

【讨论】：