HTML前端面试题之＜iframe＞标签

早八睡不醒午觉睡不够的程序猿

已于 2024-07-23 18:10:47 修改

阅读量821

点赞数 19

CC 4.0 BY-SA版权

文章标签：开发语言前端 html 笔记

于 2024-07-23 18:05:56 首次发布

本文链接：https://blog.csdn.net/lbcbjtlhmjq/article/details/140642597

面试题：iframe 标签的作用是什么?有哪些优缺点 ?

讲真，刷这道面试题之前我根本没有接触过iframe，网课没讲过，项目实战没用过，但却在面试题里出现了！好吧，我只能说：前端路漫漫，学无止境……

好吧，那就借机学习一下iframe

<iframe>标签简介

代码示例：在网页中嵌入Webpack官网的首页

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>使用iframe嵌入网页</title>
</head>
<body>
  <h1>欢迎访问我们的网站！</h1>

  <p>这里是我们网站的主页内容。</p>

  <h2>Webpack官方网站</h2>

  <!-- 使用iframe嵌入新闻网页 -->
  <iframe src="https://webpack.docschina.org/concepts/#entry" width="600" height="400" title="Latest News">
    <!-- 如果浏览器不支持iframe，则显示此内容 -->
    <p&