HTML5   发布时间:2022-04-25  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了H5学习之旅-H5的框架(13)大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

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>

!!!!!效果

H5学习之旅-H5的框架(13)

!!!!!!上面的两个标签都过时了,下面介绍内联标签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效果

H5学习之旅-H5的框架(13)

parent效果

H5学习之旅-H5的框架(13)

大佬总结

以上是大佬教程为你收集整理的H5学习之旅-H5的框架(13)全部内容,希望文章能够帮你解决H5学习之旅-H5的框架(13)所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: