HTML网页如何嵌套多个网页-记录我的美好生活萝莉工坊

大部分这个功能不是很常用，但是还是有部分情况是需要在页面中添加小窗口的网页可能是需要用到。
单个网页中嵌套多个不同URL的网页，在日常浏览网页时很常见。使用iframe标签就能实现，并且被大多数浏览器支持，至于是否能正常显示，还需视不同URL而定。

嵌套网页的目的，是为了将要打开的多个网页内容堆到一，相比同时打开多个标签页，省去来回切换的时间，浏览会更加的方便。没错，因为工作中经常采集数据要打开大量的网页，同时又被限制使用爬虫类等工具软件，为了偷懒节约些时间，才想了这个折中的办法。
实现过程并不困难，几行代码就能搭建出来，下面直接上代码

代码在图片里因为文字限制

简单介绍iframe的几个设置属性：

src设置要打开的URL；

frameborder设置边框大小；

scrolling是否显示滚动条；

样式表中width和height设置宽高，百分比或数字均可；

transform可以控制显示页面的大小，但页面的位置总是居中的。
想要显示多个URL，直接复制粘贴iframe标签，然后改下src属性即可。

<div>
<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

<body>

    <!-- aying音乐链接 -->

    <hr>

    <h2 style="color:red;">aying音乐链接 </h2>

    <iframe name = 'baiduURL' id = 'baidu' src = "https://46666.cn/" frameborder="1" scrolling="noResize" 

    style="

        width:100%;

        height:500px;

        border:none;

        transform:scale(0.9,0.9);"></iframe>

    

</body>
</div>

本文作者为萝莉工坊，转载请注明。