H5学习之旅-H5的框架（13）
程序员文章站
2022-05-04 22:34:01
...
H5框架语法介绍 ：frame：框架对于页面的设计有很大的作用 frameSet：框架集标签定义如何将窗口分割为框架 ，每一个frameset定义一些列行或者列，rowS/COLS规定了每行或者每列占据屏幕的面积 noresize：固定框架大小 cols：行比例 rows：列比例 iframe：内联框架
代码实例：
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<title>H5表格提交</title></head>
<frameset cols="20%,50%,30%">
<frame src="framea.html">
<frame src="frameb.html">
<frame src="framec.html">
</frameset></html>
！！！！！效果图
！！！！！！上面的两个标签都过时了，下面介绍内联标签iframe
使用了index，和framec，frameb，以及framea，层层以iframe的形式来嵌套，并且演示了a标签的target属性，parent，表示在上一个嵌套父控件中打开以及top表示在最顶部的控件中打开
index代码
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<title>H5表格提交</title></head>
index <iframe src="framec.html" width="800px" height="800px"></iframe></html>
framec代码
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<title></title></head><body bgcolor="#ffd700">
framec <br/>
<iframe src="frameb.html" width="600px" height="600px" ></iframe></body></html>
frameb代码
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<title></title></head><body bgcolor="black">
frameB <br/>
<iframe src="framea.html" width="400px" height="400px"></iframe></body></html>
framea代码
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<title></title></head><body bgcolor="#ff1493">
frameA <a href="http://wwww.baidu.com" target="_self">百度一下</a></body></html>
self效果图
parent效果图
H5框架语法介绍 ：frame：框架对于页面的设计有很大的作用 frameSet：框架集标签定义如何将窗口分割为框架 ，每一个frameset定义一些列行或者列，rowS/COLS规定了每行或者每列占据屏幕的面积 noresize：固定框架大小 cols：行比例 rows：列比例 iframe：内联框架
代码实例：
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<title>H5表格提交</title></head>
<frameset cols="20%,50%,30%">
<frame src="framea.html">
<frame src="frameb.html">
<frame src="framec.html">
</frameset></html>
！！！！！效果图
！！！！！！上面的两个标签都过时了，下面介绍内联标签iframe
使用了index，和framec，frameb，以及framea，层层以iframe的形式来嵌套，并且演示了a标签的target属性，parent，表示在上一个嵌套父控件中打开以及top表示在最顶部的控件中打开
index代码
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<title>H5表格提交</title></head>
index <iframe src="framec.html" width="800px" height="800px"></iframe></html>
framec代码
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<title></title></head><body bgcolor="#ffd700">
framec <br/>
<iframe src="frameb.html" width="600px" height="600px" ></iframe></body></html>
frameb代码
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<title></title></head><body bgcolor="black">
frameB <br/>
<iframe src="framea.html" width="400px" height="400px"></iframe></body></html>
framea代码
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<title></title></head><body bgcolor="#ff1493">
frameA <a href="http://wwww.baidu.com" target="_self">百度一下</a></body></html>
self效果图
parent效果图
以上就是H5学习之旅-H5的框架（13）的内容，更多相关内容请关注PHP中文网（www.php.cn）！