如何在宽100px高400px区域内正确嵌入显示外部网页

你的代码实现不了预期效果，核心是两个错误：

• 标签用错了：<a>是超链接标签，作用是点击后跳转到对应网址，本身不会在当前页面内嵌展示外部网页。而且width、height根本不是<a>标签的合法属性，写了也不会产生任何效果。
• HTML结构写反了：<head>和<body>是平级标签，你把<body>整个嵌套在了<head>内部，属于基础语法错误，会导致浏览器渲染异常。

要在当前页面固定尺寸区域内嵌展示外部网页，必须用<iframe>内联框架标签，直接在标签上配置你要的宽高即可，修正后的代码如下：

<html>
<head>
  <!-- 页面元配置、样式、脚本可以写在这里 -->
</head>
<body>
  <iframe
    src="替换为你要展示的目标页面地址"
    width="100"
    height="400"
    frameborder="0"
  >
    当前浏览器不支持iframe时，会展示这段提示文字
  </iframe>
</body>
</html>

• 你也可以用CSS控制iframe尺寸，给标签加style="width: 100px; height: 400px; border: 0;"，和直接写width、height属性效果一致。
• 部分外部站点会配置安全策略，禁止被其他站点通过iframe嵌入，这种情况就算代码完全正确也无法加载目标页面，属于站点侧的限制，前端代码无法绕过。

内容的提问来源于stack exchange，提问作者Malinsha Vithanage