在HTML中,我们可以使用iframe标签来实现一个内嵌框架。内嵌框架,说白了,就是在当前页面再嵌入另外一个网页。

语法:

<iframe src="链接地址" width="数值" height="数值"></iframe>

说明:

src是必选的,用于定义链接页面的地址。width和height这两个属性是可选的,分别用于定义框架的宽度和高度。

举例:嵌入一个页面

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <iframe src="http://www.lvyestudy.com" width="200" height="150"></iframe> </body> </html>

浏览器预览效果如10-1所示。

分析:

iframe实际上就是在当前页面嵌入了另外一个页面,我们也可以同时嵌入多个页面。

举例:嵌入多个页面

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <iframe src="http://www.lvyestudy.com" width="200" height="150"></iframe> <iframe src="http://sina.com" width="200" height="150"></iframe> </body> </html>

浏览器预览效果如下图所示。

可能有些小伙伴在其他书上看到还有什么frameset、frame标签,事实上这几个标签在HTML5标准中已经被废弃了。对于框架,我们只需要掌握iframe这一个标签就可以了。