窗口框架frame(HTML前端)

Slingerspir

于 2024-09-21 19:40:25 发布

阅读量535

点赞数 3

文章标签：前端 html

本文链接：https://blog.youkuaiyun.com/m0_63331248/article/details/142422577

版权

在 HTML 中，<frame> 标签用于在框架集中定义一个子窗口（框架）。然而，需要注意的是，<frame> 标签已经不被现代 Web 标准所推荐，并且在大多数现代浏览器中不再支持。取而代之的是使用 <iframe> 标签来创建内联框架。

`<iframe>` 标签

<iframe> 元素代表了一个内联框架，它可以包含另一个文档，尽管它本身是嵌入在另一个 HTML 页面中。以下是 <iframe> 标签的基本用法：

<iframe src="url" title="description">
  <!-- 浏览器不支援 iframe 时的替代内容 -->
</iframe>

src 属性指定了要嵌入的文档的 URL。
title 属性提供了对 <iframe> 内容的描述，这对于辅助技术（如屏幕阅读器）是有用的。

示例

<!DOCTYPE html>
<html>
<head>
    <title>Iframe Example</title>
</head>
<body>

<h1>This is the parent document.</h1>

<iframe src="https://www.example.com" title="Example iframe"></iframe>

</body>
</html>

在这个例子中，<iframe> 标签创建了一个内联框架，显示了 https://www.example.com 的内容。

`<iframe>` 的属性

width 和 height：定义 <iframe> 的宽度和高度。
name：为 <iframe> 定义一个名称，这个名称可以被 window.open() 或 window.postMessage() 等 JavaScript 函数使用。
sandbox：提供额外的安全措施，可以限制 <iframe> 中的内容执行某些操作。
allowfullscreen：允许 <iframe> 中的内容被显示为全屏。