HTML5教程从入门到精通，随堂笔记(一)HTML5框架结构
zhezhongyun 2024-12-06 20:49 41 浏览
HTML5从入门到精通，兄弟连京修随堂笔记（一）HTML的框架结构，每日都有新内容，订阅走一波
一个浏览器窗体可以通过几个页面的组合来显示。我们可以使用框架来完成(frames)这项工作。(框架可以把HTML文档分为多个页面)。也就是将一个浏览器文档窗口分隔成多个窗口，每个窗口都可以显示一个独立的网页文件。
框架页使用了表格的方式组合，可以分为数行与数列。
框架的优点
重载页面时不需要重载整个页面，只需要重载页面中的一个框架页(减少了数据的传输，增加了网页下载速度)。
方便制作导航栏。
框架的缺点
会产生很多页面，不容易管理。
不容易打印。
浏览器的后退按钮无效。
代码复杂,无法被一些搜索引擎索引到。
多数小型的移动设备（PDA 手机）无法完全显示框架。
多框架的页面会增加服务器的http请求。
由于上面诸多缺点，因此不符合标准网页设计的理念.已被标准网页设计抛弃
HTML框架标签
<frameset>标签 -- 代替body标签定义了框架页,并且定义了框架将分为多少行与多少列。常用属性如下:
cols -- 定义了框架含有多少列与列的大小(每个值使用逗号分隔),取值为象素px或者百分比%
rows -- 定义了框架含有多少行与行的大小(每个值使用逗号分隔),取值为象素px或者百分比%
border -- 定义frame定义的框架页的边框(单位像素),使用css实现
frameborder -- 定义框架页是否边框(此属性应写在frame标签内部,不应在此出现)
framespacing -- 定义框架页之间间隔的距离,使用css实现
<noframes>标签
可为那些不支持框架的浏览器显示文本，和<body>组合使用
<iframe>标签
创建一个包含另外一个文档的内联框架，iframe标签内的内容可以做为浏览器不支持iframe标签时显示 。
frame标签 -- 定义frameset标签中每个框架页的内容
frame标签是单独出现的，<frame />
常用属性:
frameborder -- 定义了内容页的边框,取值为(1|0),缺省值为1
1 -- 在每个页面之间都显示边框
0 -- 不显示边框
name -- 在一个框架页链接到另一框架页时使用(另一个框架页可以使用target定义链接页)
noresize -- 定义了浏览者是否可以通过拖拽改变框架页尺寸,取值为(noresize)
scrolling -- 定义是否有滚动条,取值为(yes|no|auto),缺省值为auto
yes -- 显示滚动条
no -- 不显示滚动条
auto -- 当需要时再显示滚动条
src -- 定义了内容页URL
border – 设置边框粗细
HTML框架示例
<html> <!-- 网页开始标记 -->
<head>
<title>使用框架定义后台管理平台模型</title>
</head> <!-- 设置网页标题 -->
<frameset rows="80,*" frameborder="1" border="5"> <!-- 划分两行 -->
<frame src="top.html" name="top" scrolling="no" noresize/> <!-- 顶部大类窗体 -->
<frameset cols="200, *"> <!-- 划分左右两列 -->
<frame src="menu.html" name="menu" scrolling="no" noresize/>
<!-- 左边菜单窗体 -->
<frame src="main.html" name="main" noresize />
<!-- 右边内容窗体 -->
</frameset> <!-- 内层框架结束 -->
<noframes>
<body><p>您的浏览器不支持框架，请升级浏览器</p></body>
</noframes>
</frameset> <!-- 外层框架结束 -->
</html>
相关推荐
- Qt setAttribute设置窗口属性（qt设置窗口名字）
-
this->resize(500,400);this->setWindowTitle("主窗口");QLabel*label=newQLabel(...
- 利用Axure+js创建可配置地图页面（axure制作app界面）
-
编辑导语：如何利用Axure实现自定义地图展示？本篇文章里，作者结合Axure与高德地图，对如何在Axure中设置相应参数、进而预览时实现自定义地图展示效果的操作流程进行了示范和总结，一起来看一下。本...
- Excel如何获取所有类型的工作表，详细编程方法介绍
-
No.1Excel可以创建不同类型的工作表，编程中会遇到返回某一类型的工作或所有类型的工作表，对表进行操作，那么如何得到想要的工作表呢？下面介绍一个方法。首先要认识一下Sheets对象，它表示工作簿中...
- VBA中的常用单元格引用方式（vba中单元格的引用方法）
-
VBA编程经常和“对象”打交道，其中最频繁的对象大概就是“单元格”了。（听说您还没有对象？那……我想你大概需要一份Excel，包邮988……）今天我们就来聊一下单元格的各种引用方式，比如单个单元格、行...
- 强烈安利试试这个!效果爆炸的漫画变身AI，火到服务器几度挤爆
-
金磊丰色发自凹非寺量子位报道|公众号QbitAI“排队1241人，等待2600秒……”——这届网友为了看一眼自己在动漫里的样子，可真是拼了！“始作俑者”是一款可以把人像变动漫的生成器。只...
- 软网推荐:为窗口控制菜单添加扩展控制命令
-
当我们点击Windows标准窗口（如记事本、资源管理器等）左上角的窗口控制按钮时，会弹出一个含有窗口控制基本命令的菜单，其中包括移动、大小、最小化、最大化、关闭等窗口控制命令。如果我们觉得这些命令不能...
- 45、VBA字典去重，两种不同的方法在实战中的运用(VBA进阶)
-
1、在VBA字典去重的操作中，若程序仅需要使用key值，那么无论采用哪种方法都不会有问题；但如果需要获得对应的item值，就必须根据实际需求选择合适的方法了。学VBA要知其然而知其所以然，不能似懂非懂...
- Excel VBA学习笔记:合并单元格的相关操作
-
合并单元格，一个在工作中很常见的，但是是令写（工作表）公式和VBA代码的人都很不喜欢的东东，今天来讲讲与它相关的操作语法。1、Range("A1:B2").Merge；合并A1到B2单...
- 软网推荐:图片编辑 小而不凡（秽的读法）
-
说起图片编辑小工具，咱手边就有个“画图”软件。但是，这个工具比较简单，对于处理透明背景、应用滤镜效果、添加边框、做拼接图和全景照、图层操作等，就无能为力了。同样是小软件，PhotoPad就能满足上述需...
- Android弹软键盘时之ListView的变化控制
-
前几天有个人问我，说在最底下有个输入框，弹出键盘时整个界面都一起跟着移动，上面的标题栏都移到上面看不到了，界面非常难看。其实这种问题一般存在于这样的界面布局中那就是，上面是标题栏，中间是Listvie...
- 如何将数组值传递到工作表中（怎么传数组）
-
【分享成果，随喜正能量】不与别人盲目攀比，自己就会悠然自得;不把人生目标定得太高，自己就会欢乐常在;不刻意追求完美，自己就会远离痛苦;不是时时苛求自己，自己就会活的自在;不每每吹毛求疵，自己就会轻轻松...
- 【VBA入门必备】Offset和Resize这样用，工作效率翻3倍!
-
大家好！今天共同学习下VBA中单元格属性Offset和Resize操作。一、Offset：单元格的"导航仪"功能说明：以当前单元格为坐标原点，灵活跳转位置语法格式：单元格.Offset...
- 50道阿里巴巴MySql经典面试题(附答案)
-
1、MySQL中有哪几种锁？1、表级锁：开销小，加锁快；不会出现死锁；锁定力度大，发生锁冲突的概率最高，并发度最低。2、行级锁：开销大，加锁慢；会出现死锁；锁定粒度最小，发生锁冲突的概率最低，并发度...
- 如何在Vue3项目中集成ESLint+Prettier+Stylelint+Husky?
-
随着前端工程化的发展,前端代码规范也显得越来越重要,所以作为一个前端对于这方面还是需要有一定的了解的。本篇文章将带大家使用ESLint+Prettier+Stylelint+Husky从零搭建一个Vi...
- SpringBoot 中 Json 格式化配置（springboot json转对象）
-
SpringBoot针对jackson是自动化配置的，如果需要修改，也可以自定义配置。0x01：通过application.yml配置属性说明：spring.jackson.date-form...
- 一周热门
- 最近发表
- 标签列表
-
- HTML 教程 (33)
- HTML 简介 (35)
- HTML 实例/测验 (32)
- HTML 测验 (32)
- JavaScript 和 HTML DOM 参考手册 (32)
- HTML 拓展阅读 (30)
- HTML文本框样式 (31)
- HTML滚动条样式 (34)
- HTML5 浏览器支持 (33)
- HTML5 新元素 (33)
- HTML5 WebSocket (30)
- HTML5 代码规范 (32)
- HTML5 标签 (717)
- HTML5 标签 (已废弃) (75)
- HTML5电子书 (32)
- HTML5开发工具 (34)
- HTML5小游戏源码 (34)
- HTML5模板下载 (30)
- HTTP 状态消息 (33)
- HTTP 方法：GET 对比 POST (33)
- 键盘快捷键 (35)
- 标签 (226)
- HTML button formtarget 属性 (30)
- CSS 水平对齐 (Horizontal Align) (30)
- opacity 属性 (32)