Answers:
基本上，有4种将HTML嵌入网页的方法：
<iframe>iframe的内容完全位于与页面不同的上下文中。虽然这主要是一个很棒的功能，并且在浏览器版本之间是最兼容的，但是它带来了其他挑战（将框架的大小缩小到其内容很难缩小，疯狂地编写脚本或编写出脚本，几乎无法样式化）。XMLHttpRequest对象检索数据并将其注入到页面中。这是不理想的，因为它依赖于脚本技术，从而使执行速度更慢，更复杂，还有其他缺点。HTML5 Web组件。HTML导入是Web组件的一部分，允许将HTML文档捆绑在其他HTML文档中。这包括HTML，CSS，JavaScript或其他任何一个.html文件可以包含。这使它成为具有许多有趣用例的绝佳解决方案：将应用程序拆分为多个捆绑的组件，您可以将其作为构建块进行分发，可以更好地管理依赖项以避免冗余，代码组织等。这是一个简单的示例：
<!-- Resources on other origins must be CORS-enabled. -->
<link rel="import" href="http://example.com/elements.html">您可以使用object和embed，如下所示：
<object data="http://www.web-source.net" width="600" height="400">
<embed src="http://www.web-source.net" width="600" height="400"> </embed>
Error: Embedded data could not be displayed.
</object>这不是什么新东西，但仍然可以使用。我不确定它是否具有相同的功能。
不，没有对等的东西。该<iframe>元素在HTML5中仍然有效。根据您需要什么确切的交互，可能会有不同的API。例如，有postMessage一种方法可以让您实现跨域javascript交互。但是，如果要显示跨域HTML内容（使用CSS设置样式并使用javascript进行交互），则iframe是一种不错的方法。
object 是HTML5中的一种简单替代方法：
<object data="https://blogs.claritycon.com/blog/2016/03/bower-packages-asp-net-core-1-0/" width="400" height="300" type="text/html">
Alternative Content
</object>您也可以尝试embed：
<embed src="https://blogs.claritycon.com/blog/2016/03/bower-packages-asp-net-core-1-0/" width=200 height=200 onerror="alert('URL invalid !!');" />如果要执行此操作并控制从其提供基本页面或内容的服务器，则可以使用跨源资源共享（http://www.w3.org/TR/access-control/）允许客户端-侧面JavaScript将数据加载到<div>via中XMLHttpRequest()：
// I safely ignore IE 6 and 5 (!) users
// because I do not wish to proliferate
// broken software that will hurt other
// users of the internet, which is what
// you're doing when you write anything
// for old version of IE (5/6)
xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if(xhr.readyState == 4 && xhr.status == 200) {
document.getElementById('displayDiv').innerHTML = xhr.responseText;
}
};
xhr.open('GET', 'http://api.google.com/thing?request=data', true);
xhr.send();现在，这是整个操作的关键，您需要为服务器编写代码，该代码将为客户端提供Access-Control-Allow-Origin标头，并指定您希望客户端代码能够通过进行访问的域XMLHttpRequest()。以下是一个PHP代码示例，您可以在页面顶部添加该PHP代码，以便将这些标头发送给客户端：
<?php
header('Access-Control-Allow-Origin: http://api.google.com');
header('Access-Control-Allow-Origin: http://some.example.com');
?>尽管W3C指定它并非旨在“用于外部（通常是非HTML）应用程序或交互式内容”，但这似乎也确实可行。
<embed src="http://www.somesite.com" width=200 height=200 />更多信息：http : //www.w3.org/wiki/HTML/Elements/embed http://www.w3schools.com/tags/tag_embed.asp
iframe仍然是下载跨域视觉内容的最佳方法。使用AJAX，您当然可以从网页下载HTML并将其粘贴在div中（如其他人所提到的），但是更大的问题是安全性。使用iframe，您将能够加载跨域内容，但由于该内容实际上并不属于您，因此将无法对其进行操作。另一方面，使用AJAX，您当然可以操纵您可以下载的任何内容，但是需要以允许您首先下载它的方式来设置另一个域的服务器。很多时候，您将无法访问其他域的配置，即使您可以访问，也要一直访问，除非您一直都在进行这种配置，否则可能会很麻烦。在这种情况下，iframe可能更容易替代。
正如其他人提到的那样，您也可以使用embed标签和object标签，但这不一定比iframe更高级或更新。
HTML5朝着采用Web API从跨域获取信息的方向发展了更多。通常，Web API仅返回数据，而不返回HTML。
nice-to-know
您可以使用XMLHttpRequest将页面加载到div（或页面的其他任何元素）中。一个示例函数是：
function loadPage(){
if (window.XMLHttpRequest){
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}else{
// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function(){
if (xmlhttp.readyState==4 && xmlhttp.status==200){
document.getElementById("ID OF ELEMENT YOU WANT TO LOAD PAGE IN").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("POST","WEBPAGE YOU WANT TO LOAD",true);
xmlhttp.send();
}如果您的服务器有能力，您也可以使用PHP来做到这一点，但是由于您要的是HTML5方法，因此这就是您所需要的。
我创建了一个节点模块来解决此问题node-iframe-placement。您提供父站点的源URL和CSS选择器以将您的内容注入其中，并将两者合并在一起。
每五分钟对父站点进行更改。
var iframeReplacement = require('node-iframe-replacement');
// add iframe replacement to express as middleware (adds res.merge method)
app.use(iframeReplacement);
// create a regular express route
app.get('/', function(req, res){
// respond to this request with our fake-news content embedded within the BBC News home page
res.merge('fake-news', {
// external url to fetch
sourceUrl: 'http://www.bbc.co.uk/news',
// css selector to inject our content into
sourcePlaceholder: 'div[data-entityid="container-top-stories#1"]',
// pass a function here to intercept the source html prior to merging
transform: null
});
});您应该看看JSON-P-当我遇到这个问题时，这对我来说是一个完美的解决方案：
https://zh.wikipedia.org/wiki/JSONP
基本上，您将定义一个javascript文件来加载所有数据，并定义另一个javascript文件来处理并显示它。那摆脱了iframe的丑陋滚动条。