“框架的制作”的版本间的差异

2017年12月22日 (五) 13:31的版本

• 框架可以将浏览器窗口划分为若干个区域，在每个区域内显示一个独立的页面，使用框架可以在一个浏览器窗口中同时显示多个不同的独立页面，可以方便地进行网页导航。
• 传统的HTML提供了框架集的结构和概念，在标准的XHTML1.1中不再支持普通框架的应用，虽然可以使用Frameset DTD框架型的XHTML1.0文档继续应用框架，但是不建议大家继续使用，现在页面的设计中，若是要使用框架，更多应用的是浮动框架

浮动框架

• 浮动框架是一种特殊的框架页面，在浏览器窗口中可以直接将浮动框架嵌入在某个div中或者表格的某个单元格中，以达到通过div或者是表格来控制页面布局的目的。语法如下：

 <iframe src=“” width=“” height=“” name=“” align=“” frameborder=“” scrolling=“”></iframe>

• <iframe>是一个行内双标记，用于创建一个内部窗口，在该窗口中可以打开一个独立的页面。
• 注意：浮动框架总是要显式设置高度和宽度
• 

浮动框架的属性

• 浮动框架是在浏览器窗口中一个有名称的区域，对该区域的定义通常设置如下几个方面的属性：

区域中原始显示的页面文件名称src，也可以不设
区域的宽width和高height
区域的名称name和ID
区域中是否有滚动条显示：scrolling=(yes|no|auto)
 yes为无论什么情况都有滚动条
 no则无论什么情况都无滚动条
 auto则根据框架链接页面文件内容多少决定是否显示
区域是否有边框显示frameborder（取值为像素数

浮动框架与超链接的关联

• 在页面中增加一个或者多个浮动框架，通常要根据用户点击的其它区域中的超链接，来确定要加载到浮动框架中的新的页面文件，即需要在浮动框架与超链接之间建立起关联。
• 建立浮动框架与超链接之间关联的具体方法为：
• 在超链接<a>标记target属性中指定<iframe>的id||name属性值，可以将链接页面加载显示在指定的<iframe>浮动窗口内。