举报投诉联系我们 手机版 热门标签 鳄鱼CMS
您的位置:鳄鱼CMS > Htmliframe登鹳雀楼怎么做 HTML iframe

Htmliframe登鹳雀楼怎么做 HTML iframe

2023-03-22 08:31 HTML教程

Htmliframe登鹳雀楼怎么做 HTML iframe

Htmliframe登鹳雀楼怎么做

Htmliframe登鹳雀楼是一种利用HTML的iframe标签来实现的一种技术,它可以将多个页面合并到一个页面中,从而让用户在浏览器中看到多个页面的内容。

要使用Htmliframe登鹳雀楼,我们必须先准备好所有要显示的内容,然后使用HTML的iframe标签将这些内容包裹起来。具体步骤如下:

1. 在HTML文件中添加<iframe>标签; 
2. 设置<iframe>标签的src属性,指向要显示的内容所在的URL地址; 
3. 设置<iframe>标签的width和height属性,来控制显示内容的大小。

当我们将所有要显示的内容都包裹在<iframe>标签中之后,就可以在浏览器中看到这些内容了。Htmliframe 登鹳雀楼不但可以将多个页面合并到一个页面中,而且还可以让用户在不同浏览器之间共享信息。

HTML iframe

HTML iframe

iframe 元素在现有元素中嵌入另一个HTML文档。

它有局部属性: src,srcdoc,name,width,height,sandbox,seamless

HTML5中的 sandbox seamless属性是新增的。

longdesc,align,allowtransparency,frameborder,marginheight,marginwidth scrolling属性已过时。

以下代码显示如何使用iframe元素。

<!DOCTYPE HTML>
<html>
<body>
  <a href="http://www..cn" target="myframe">Tutorial</a>
  <iframe name="myframe" width="300" height="300"> </iframe>
</body>
</html>

注意

将创建名称属性值为 myframe iframe 。这将创建一个名为 myframe 的浏览上下文。

然后,这个浏览上下文在其他元素的目标属性中使用 - 特别是a,form,button,input和base。

a 元素来创建一对超链接,这些超链接会将其href属性中指定的网址加载到iframe中。

width和height属性指定大小(以像素为单位)。src属性指定应最初加载并显示在iframe中的网址。

srcdoc属性允许您定义一个内嵌显示的HTML文档。

seamless属性设置浏览器显示iframe,如同它们是主HTML文档的组成部分。

否则,默认情况下会应用边框,如果内容大于width和height属性,则会出现滚动条。


iframe sandbox

sandbox 属性对HTML文档应用限制。当应用没有值的属性时,如下所示:

...
<iframe sandbox  name="myframe" width="300" height="100">
</iframe>
...

以下是禁用:

  • scripts
  • forms
  • plugins
  • 定位其他浏览上下文的链接

您可以通过为sandbox属性定义值来启用各个功能,如下所示:

...
<iframe sandbox="allow-forms" name="myframe" width="300" height="100">
</iframe>
...

可以使用的值的集合在下面的列表中描述。

  • allow-forms - 启用表单
  • allow-scripts - 启用脚本
  • allow-top-navigation - 允许定位到顶级浏览上下文的链接,这样可以将整个文档替换为另一个文档,也可以创建新的标签页或窗口
  • allow-same-origin - 允许将iframe中的内容视为来自与文档其余部分相同的位置
阅读全文
以上是鳄鱼CMS为你收集整理的Htmliframe登鹳雀楼怎么做 HTML iframe全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 鳄鱼CMS eyucms.com 版权所有 联系我们