古老的框架_html/css_WEB-ITnose-html教程-PHP中文网

古老的框架_html/css_WEB-ITnose

php中文网

发布： 2016-06-24 11:31:56

原创

993人浏览过

前面的话

　　框架已经被废弃，而内嵌框架依然在使用。

框架

　　通过使用框架，可以在同一个窗口显示不止一个页面。每份HTML文档称为一个框架，并且每个框架都独立于其他的框架。

　　框架结构标签(也称为框架集)定义如何将窗口分割成框架，每个frameset定义了一系列行或列

　　　　[注意]不能将

标签与标签同时使用

立即学习“前端免费学习笔记（深入）”；

【属性】

　　cols 定义框架集列的数目和尺寸

　　rows 定义框架集行的数目和尺寸

<frameset rows="150,300,150"><frameset rows="25%,50%,25%"><frameset cols="100, *"><frameset rows="*, 100, *"><frameset cols="10%, 3*, *, *">

登录后复制

　　框架标签定义了放置在每个框架中的HTML文档

【属性】

　　src 规定在框架中显示的文档的URL

　　name 规定框架的名称，用于在Javascript中引用元素或作为链接的目标

　　noresize 指定用户无法调整框架大小

　　longdesc 指向带有框架内容长描述的页面

　　scroll

scroll="auto"//默认，需要时显示滚动条scroll="yes"//始终显示滚动条scroll="no"//从不显示滚动条

登录后复制

　　frameborder

盘古大模型

华为云推出的一系列高性能人工智能大模型

查看详情

frameborder="0"//无边框frameborder="1"//(默认，有边框)

登录后复制

<frame src="frame_a.htm" frameborder="0" name="frame1" scrolling="yes"  noresize="noresize"  longdesc="w3school.txt" />

登录后复制

<frameset cols="25%,75%">   <frame src="frame_a.htm">   <frame src="frame_b.htm"></frameset>

登录后复制

<frameset rows="50%,50%">    <frame src="/example/html/frame_a.html">    <frameset cols="25%,75%">        <frame src="/example/html/frame_b.html">        <frame src="/example/html/frame_c.html">    </frameset></frameset>

登录后复制

内联框架

　　内联框架用于在网页中显示网页

　　　　[注意]iframe标签可以很方便地创建框架，但由于创建一个框架意味着要创建一个完整的页面环境，很耗费资源；因此能不用就尽量不要用。

【属性】

　　src 规定在内联框架中显示的文档的URL

　　name 规定内联框架的名称，用于在Javascript中引用元素或作为链接的目标

　　height 规定iframe的高度

　　width 规定iframe的宽度

　　longdesc 指向带有内联框架内容长描述的页面

　　frameborder

frameborder="0"//无边框frameborder="1"//(默认，有边框)

登录后复制

　　scrolling

scrolling="auto"//默认，需要时显示滚动条scrolling="yes"//始终显示滚动条scrolling="no"//从不显示滚动条

登录后复制

　　seamless 规定iframe看上去像是包含文档的一部分，设置该属性后,iframe无边框或滚动条

　　sandbox 启用对中内容的限制(IE9-不支持)

sandbox=""//应用所有的限制sandbox="allow-same-origin"//允许iframe内容被视为与包含文档有相同的来源sandbox="allow-top-navigation"//允许iframe内容从包含文档导航加载内容sandbox="allow-forms"//允许表单提交sandbox="allow-scripts"//允许脚本执行

登录后复制

　　srcdoc 规定在iframe中显示的页面的HTML内容(IE浏览器不支持)，若浏览器支持srcdoc属性，则将显示srcdoc属性的内容；否则将显示src属性中规定的文件

<iframe srcdoc="<p>Hello world!</p>" src="/demo/demo_iframe_srcdoc.html"></iframe>

登录后复制