标签:方便 技术 网站 w3c www type 复杂 页面 doc
框架的使用可以让浏览器“分割”成多个页面显示内容,常用于如网站后台管理这些菜单项目固定,且对美观性和搜索引擎要求不高的地方。
基于框架的以上特点,目前框架几乎只用于系统后台管理中,而不建议使用于页面展示中。
我们以最简单的上下框架来分析框架的原理。
创建一个名字为frame.html新页面,关键代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <html> <title>框架示例</title> </head> <frameset rows="15%,*"> <frame src="frame_top.html" /> <frame src="frame_main.html" /> <noframes> <body> <p>对不起,您的浏览器不支持框架!</p> </body> </noframes> </frameset> </html>
注意:使用框架必须将 DTD 设置为 xhtml1-frameset 。
再创建两个普通html页面,分别为 frame_top.html 和 frame_main.html ,内容可以是任意普通文本之类的。
将以上三个页面保存在同一目录下。在浏览器里打开 frame.html ,在 frame.html 里将显示上下两部分内容,分别对应的是 frame_top.html 和 frame_main.html 。
上下框架示意图:
该混合框架先将页面做上下分割,然后再将下面的页面做左右分割。
新创建一普通 html 页面,命名为 frame_left.html 并存储于和 frame.html 同一目录下。
将 frame.html 代码变更如下:
<html> <title>框架示例</title> </head> <frameset rows="15%,*"> <frame src="frame_top.html" /> <frameset cols="15%,*"> <frame src="frame_left.html" /> <frame src="frame_main.html" /> </frameset> <noframes> <body> <p>对不起,您的浏览器不支持框架!</p> </body> </noframes> </frameset> </html>
该例子示意图:
标签:方便 技术 网站 w3c www type 复杂 页面 doc
原文地址:http://www.cnblogs.com/pomelott/p/7499146.html