前端学习之HTML/标签/重点标签(下)

最新推荐文章于 2023-02-09 10:29:43 发布

携星河赠你

最新推荐文章于 2023-02-09 10:29:43 发布

阅读量461

点赞数

分类专栏：这货有点爱 · Headline 文章标签： html css

本文链接：https://blog.csdn.net/xiaotongbiji/article/details/117028660

版权

古老的框架

框架<frame>已经被废弃，而内嵌框架<iframe>依然在使用。通过使用框架，可以在同一个窗口显示不止一个页面。每份HTML文档称为一个框架，并且每个框架都独立于其他的框架

<frameset>

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

注意：不能将<body>标签与<frameset>标签同时使用

【属性】

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

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

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

<frame>

框架标签定义了放置在每个框架中的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>

frame1

frame2

<iframe>

内联框架用于在网页中显示网页。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 启用对<iframe>中内容的限制，可以用空格分隔多个属性值(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>

frame3

frame4

target属性

要了解框架之间的关系，就必须了解target属性

target属性表示链接打开方式

1、_self 当前窗口（默认）

2、_blank 新窗口

3、_parent 父框架集

4、_top 整个窗口

5、_framename 指定框架

//外层框架
<frameset cols = "20%, *">
    <frame src="left.html">
    <frame src="right.html">
</frameset>
//里层框架
<frameset rows = "50%,*">
    <frame src="top.html">
    <frame src="bottom.html" name="bottom">        
</frameset>
//锚点页
<ul class="list">
    <li class="in"><a href="chap1.html" target="_self">chap1(_self)</a></li>
    <li

最低0.47元/天解锁文章

携星河赠你

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
前端学习之HTML/标签/重点标签(下)

古老的框架框架<frame>已经被废弃，而内嵌框架<iframe>依然在使用。通过使用框架，可以在同一个窗口显示不止一个页面。每份HTML文档称为一个框架，并且每个框架都独立于其他的框架<frameset> 框架结构标签(也称为框架集)定义如何将窗口分割成框架，每个frameset定义了一系列行或列注意：不能将<body>标签与<frameset>标签同时使用【属性】 cols 定义框架集列的数目和尺寸 row
复制链接

扫一扫

专栏目录