html iframe 示例 - Html (1)

📌 相关文章

📜 html iframe 示例 - Html (1)

📅 最后修改于: 2023-12-03 14:41:46.529000 🧑 作者: Mango

HTML iFrame 示例 - Html

HTML iFrame是一个内嵌的窗口，可以在HTML页面中内嵌其他网页或者文档。iFrame的优点是可以在一个页面中放置多个网页，并且可以在一个网页中同时展示多个网页。

iFrame标签

在HTML中，使用iframe标签来创建一个内嵌窗口，其基本语法如下：

<iframe src="url" width="width" height="height"></iframe>

其中，src是需要内嵌的页面或者文档的URL地址，width和height则分别代表iFrame的宽度和高度。

iFrame的属性

src：iFrame中显示内容的URL地址，可以是一个网站链接、.html页面或者是其他文件类型。
width：iFrame的宽度。
height：iFrame的高度。
scrolling：是否显示滚动条，可选值为yes或no，表示是否显示滚动条。
frameborder：是否显示边框，可选值为0或1，表示是否显示边框。
marginwidth：iFrame边缘的宽度。
marginheight：iFrame边缘的高度。
sandbox：限制iFrame内展示内容的安全权限。

iFrame的示例代码

<!DOCTYPE html>
<html>
<head>
	<title>iFrame示例</title>
</head>
<body>
	<h1>iFrame示例</h1>
	<p>下面是一些嵌入式网页示例：</p>
	<h2>淘宝首页</h2>
	<iframe src="https://www.taobao.com" width="100%" height="500px"></iframe>
	<h2>GitHub官网</h2>
	<iframe src="https://github.com" width="100%" height="500px"></iframe>
</body>
</html>

总结

iFrame标签是一个非常实用的HTML元素，可以方便的内嵌其他网页或者文档，在一个页面中展示多个内容，
同时也可以控制iFrame内展示内容的安全性。程序员可以根据自己的需求灵活使用iFrame标签进行开发。