与之前的 iframe 不同，它是一个非标准标签，在 HTML 5 中是标准化的。诚然，所有主要浏览器都实现了这一点。嵌入元素为外部(通常是非 HTML)应用程序或交互式内容提供了集成目的。HTML 标记用于将外部应用程序或交互式内容嵌入到 HTML 文档中。
基本标签是这样写的，嵌入资源的 URL 被添加到 src 属性中(即双引号之间)。 类型属性接受嵌入资源的 MIME 类型。
更多教程请访问
码农之家
调整高度和宽度
<!DOCTYPE html>
<center>
<h1 style="color:green">GeeksforGeeks</h1>
<p>Using "embed" as an alternative to iframes</p>
<embed src="https://ide.geeksforgeeks.org"
width="400"
height="400" />
</center>
</body>
</html>复制ErrorOK!
**输出:**使用嵌入的高度和宽度
使用无边框嵌入。
默认情况下，内嵌周围没有边框。但是我们也可以通过使用 style 属性和 CSS 边框属性来移除边框。
<!DOCTYPE html>
<center>
<h1 style="color:green">
GeeksforGeeks
<p>Using "embed" as an alternative to iframes</p>
<embed src="https://ide.geeksforgeeks.org/"
width="400"
height="400"
style="border:none;" />
</center>
</body>
</html>复制ErrorOK!
输出:**使用
无边框嵌入** T5】
在嵌入标签中，我们还可以应用不同颜色的边框。
<!DOCTYPE html>
<center>
<h1 style="color:green">GeeksforGeeks</h1>
<p>Using embedas an alternative to iframes</p>
<embed src="https://ide.geeksforgeeks.org"
style="border:4px solid orange;" />
</center>
</body>
</html>复制ErrorOK!
输出:**使用
嵌入**带有纯橙色边框
支持的浏览器:**
嵌入式**支持的浏览器如下:
-
谷歌 Chrome
-
微软公司出品的 web 浏览器
-
火狐浏览器
-
苹果 Safari
-
歌剧
与之前的iframe不同，它是一个非标准标签，在HTML5中是标准化的。嵌入元素为外部(通常是非HTML)应用程序或交互式内容提供了集成目的。HTML标记用于将外部应用程序或交互式内容嵌入到HTML文档中。基本标签是这样写的，嵌入资源的URL被添加到src属性中(即双引号之间)。类型属性接受嵌入资源的MIME类型。**输出**使用嵌入的高度和宽度。嵌入**带有纯橙色边框。无边框嵌入**T5】复制ErrorOK!复制ErrorOK!复制ErrorOK!...
1.工具相关
1.1.给ide配置代码模板
这里是给vscode配置了vue、js的代码模板，设置好模板后，在文件
中
输入模板
中
设置的prefix再按tab，文件
中
就会自动插入相应的模板代码。
参考自
2.项目相关
2.1.Vuex
2.2.Vue.js 定义组件模板的七种方式
2.3.前端埋点系统
埋点是在应用
中
特定的流程收集一些信息，用来跟踪应用的使用情况，从而优化产品或是提供运营的数据...
由于现在frame和frameset很少使用，已经过时了，已经被div+CSS代替了，所以，这里只是举例说明一下，当下还在使用的内联框架
iFrame
所谓的
iFrame
内联框架，我的理解就是在网页内部嵌套一个网页，并且可以一级一级地嵌套下去。
示例如下：
示例由index.
html
和
iframe
1.
html
、
iframe
2.
html
、
iframe
3.
html
组成
先上一张效果图，图片后面是完整代码。
完整代码如下
index.
html
XML/
HTML
Code复制内容到剪贴板
<!DOCTYPE
html
>
<
html
lang=en>
用div+
iframe
顶替frameset 框架。
用div+
iframe
代替frameset 框架
frameset 已经过时, 使用frameset会带来很多问题,比如session丢失等. 所以提倡用
iframe
,
iframe
的好处我就不用多说了.下面用div+
iframe
来代替frameset的收缩与展开功能.
<%@include file="common/taglib.jsp" %>
<%@ page contentTy
下面是在Visual Studio
中
对FrameSet与Frame的警告提示:
警告 验证 (X
HTML
1.0 Transitional): 不支持元素“frameset”。
警告 验证 (X
HTML
1.0 Transitional): 不支持元素“frame”
HTML
不再推荐页面
中
使用框架集，因此
HTML
5删除了<frameset>、<frame>和<noframes>这三个元素。不过
HTML
5还保留了<
iframe
>元素，该元素可以在普通的
HTML
页面
中
使用，生成一个行内框架，可以直接放在
HTML
页面的任意位置。除了指定id、class和style之外，还可以指定如下属性：
指定一个UR...
在
HTML
5
中
，`<
iframe
>` 元素是用于在当前网页
中
嵌入另一个网页的容器。`<
iframe
>` 元素本身并没有标题栏，但是你可以通过一些方式来自定义
iframe
的标题栏。
一种常见的方法是将 `<
iframe
>` 包裹在一个 `<div>` 元素
中
，并在这个 div 元素
中
添加一个标题栏。你可以使用 CSS 来设置这个标题栏的样式，例如设置背景颜色、字体样式等。同时，你还可以添加一些交互元素，比如关闭按钮或拖动手柄。
下面是一个示例代码，展示了如何添加一个简单的标题栏到一个 `<
iframe
>`：
```
html
<style>
.
iframe
-container {
position: relative;
overflow: hidden;
.
iframe
-container .title-bar {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 30px;
background-color: #f1f1f1;
border-bottom: 1px solid #ccc;
padding: 5px;
box-sizing: border-box;
</style>
<div class="
iframe
-container">
<div class="title-bar">
<!-- 这里可以添加标题文本、关闭按钮等 -->
<
iframe
src="your-
iframe
-url" width="100%" height="400"></
iframe
>
你可以根据需要自定义标题栏的样式和功能，以上只是一个简单的示例。希望对你有所帮助！如果有任何问题，请随时提问。
