第五天的学习：框架的学习

关键字：框架

晨跑计划：

学习任务：

1. 禁用的或只读的表单控件
2. 第六章：框架
   • 6.1 框架集简介
   • 6.2 使用框架的时机
   • 6.3<frameset>元素
     • 6.3.1 clos属性
     • 6.3.2 rows属性
     • 6.3.6 针对<frameset>元素的浏览器专用扩展

• • 6.4<frame>元素
    • 6.4.1 src元素
    • 6.4.2 name元素
    • 6.4.3 frameborder元素
    • 6.4.4 marginwidth属性和marginheight元素
    • 6.4.5 noresize属性
    • 6.4.6 srcolling属性
    • 6.4.7 longdesc属性
  • 6.5<noframes>元素
  • 6.6创建框架之间的链接
  • 6.7框架集的嵌套
  • 6.8利用<iframne>元素创建浮动框架或内联框架
  • 章小结

学习记录：

• 禁用或只读的控件：
  • readonly 属性阻止用户改变表单控件本身的值，尽管可以使用脚本修改它。readonly控件的值/名都将被发送给服务器，它的值是readonly。
  • disable 属性将禁用表单控件，从而用户不能够修改该控件。可以使用脚本重新启用该表单控件。但是，除非重新启用该表单控件，否则名/值对将不会发送给服务器，该属性的值必须是disable。
• 框架集的简介：
  • 通过使用框架，可以在同一个浏览器窗口显示不止一个页面。每份html文档可以称为一个框架，并且没给框架都独立于其他框架，作用是为了将页面划分成几个独立的模块。
• 使用框架的时机：
  • 当希望在单个页面中显示大量的内容并且不能讲文档拆分为多个独立的页面时，则可以使用框架创建一个导航栏，该导航栏链接到长文档的各个子部分。
  • 当页面的一部分具有很多数据并且在页面的其他部分改变时不希望重新加载该部分时，可以考虑使用框架。
• <frameset> 元素
  • <frameset>元素的属性指定了浏览器窗口将如何划分多个行和列
  • <frameset>元素包含用于文档中每一个框架的<frame>元素
    • cols属性：指定框架集中包含的列的数量以及每一列的大小，必须为框架集中的每一列指定一个宽度值，并且提供值的数量（不同值之间使用逗号隔开）表明文档汇总列的数量
      • 四种方式指定每一列的宽度：
        • 以像素为单位的绝对值：cols=“100,500,*”　
        • 父框架的百分比：cols=“40%,60%”
        • 通配符：cols=“400,*”
        • 列的相对高度：cols=“3*,2*,1*”
    • rows 属性：指定框架集中行的数量，默认值是100%，因此没有指定rows属性，则一行将占用100%的浏览器高度
      • 用法：rows="100,80%,*"
• 12312
• 12
• 21312
• 312312
• 312
• 3123
• 23
• 12321
• 321
• 321

扩展阅读：

问题的记录与解决：

• 框架的缺点有哪些？
  • 搜索引擎通常会链接到独立的框架中的内容，而不是用户看到的框架集中的内容
  • 某些浏览器无法很好地打印整个框架集。
  • 浏览器的“后退”按钮可能无法像用户期望的那样工作。
  • 某些较小的设备无法处理框架，屏幕不够大，无法被划分
  • 无法获得漂亮的布局