HTML 框架

本站原创2019-03-10 13:32:39 156

通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。

实例

垂直框架
本例演示:如何使用三份不同的文档制作一个垂直框架。
水平框架
本例演示:如何使用三份不同的文档制作一个水平框架。

可以在本页底端找到更多实例。)

框架

通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架,并且每个框架都独立于其他的框架。

使用框架的坏处:

  • 开发人员必须同时跟踪更多的HTML文档
  • 很难打印整张页面
框架结构标签(<frameset>)
  • 框架结构标签(<frameset>)定义如何将窗口分割为框架
  • 每个 frameset 定义了一系列行
  • rows/columns 的值规定了每行或每列占据屏幕的面积

编者注:frameset 标签也被某些文章和书籍译为框架集。

框架标签(Frame)

Frame 标签定义了放置在每个框架中的 HTML 文档。

在下面的这个例子中,我们设置了一个两列的框架集。第一列被设置为占据浏览器窗口的 25%。第二列被设置为占据浏览器窗口的 75%。HTML 文档 "frame_a.htm" 被置于第一个列中,而 HTML 文档 "frame_b.htm" 被置于第二个列中:

<frameset cols="25%,75%">
   <frame src="frame_a.htm">
   <frame src="frame_b.htm">
</frameset>

基本的注意事项 - 有用的提示:

假如一个框架有可见边框,用户可以拖动边框来改变它的大小。为了避免这种情况发生,可以在 <frame> 标签中加入:noresize="noresize"。

为不支持框架的浏览器添加 <noframes> 标签。

重要提示:不能将 <body></body> 标签与 <frameset></frameset> 标签同时使用!不过,假如你添加包含一段文本的 <noframes> 标签,就必须将这段文字嵌套于 <body></body> 标签内。(在下面的第一个实例中,可以查看它是如何实现的。)

更多实例

如何使用 <noframes> 标签
本例演示:如何使用 <noframes> 标签。
混合框架结构
本例演示如何制作含有三份文档的框架结构,同时将他们混合置于行和列之中。
含有 noresize="noresize" 属性的框架结构
本例演示 noresize 属性。在本例中,框架是不可调整尺寸的。在框架间的边框上拖动鼠标,你会发现边框是无法移动的。
导航框架
本例演示如何制作导航框架。导航框架包含一个将第二个框架作为目标的链接列表。名为 "contents.htm" 的文件包含三个链接。
内联框架
本例演示如何创建内联框架(HTML 页中的框架)。
跳转至框架内的一个指定的节
本例演示两个框架。其中的一个框架设置了指向另一个文件内指定的节的链接。这个"link.htm"文件内指定的节使用 <a name="C10"> 进行标识。
使用框架导航跳转至指定的节
本例演示两个框架。左侧的导航框架包含了一个链接列表,这些链接将第二个框架作为目标。第二个框架显示被链接的文档。导航框架其中的链接指向目标文件中指定的节。


    分类检索
    娱乐休闲
    音乐 在线音乐 轻音乐 DJ/舞曲 原创/翻唱 音乐搜索 音乐周边 唱片公司 影视 影视资讯 在线影视 影视下载 视频播客 网络电视 游戏 游戏综合 网络游戏 网页游戏 单机游戏 小游戏 游戏论坛 游戏下载 单机电玩 游戏周边 游戏厂商 动漫 动漫综合 动漫下载 动漫原创 图片 图片图库 美女写真 相册贴图 电子贺卡 小说 小说阅读 小说搜索 电子书 文化文学 作家作品 笑话 幽默笑话 搞笑视频 星相 12星座 算命占卜 生肖/解梦 风水玄学 心理测试 交友 交友综合 情感爱情 婚嫁婚介 新闻 新闻综合 知名媒体 报刊杂志 时事论坛 各地媒体 体育 体育综合 NBA专区 足球专区 其他体育项目 体育相关 体育协会 军事 军事资讯 军事论坛 摄影 摄影综合 摄影论坛 明星 娱乐资讯 大陆明星 港台明星 欧美明星 日韩明星 追星一族 解读明星 社区 综合社区 SNS社区 特色论坛 校园BBS 地方论坛 直播
    电脑网络
    互联网 互联网资讯 门户名站 组织协会 IT IT资讯 IT博客 网络编辑 硬件 硬件资讯 硬件评测 硬件论坛 驱动程序 硬件相关 数码 数码资讯 数码论坛 数码相关 软件 软件资讯 软件下载 装机软件 软件论坛 软件评测 软件相关 电脑 电脑资讯 电脑报刊 网管技术 编程 程序编程 ASP/ASP.NET PHP JSP/JAVA CGI WAP VB C/C++/C# DELPHI Python LINUX/UNIX JS/AJAX WEB开发 数据库开发 嵌入式开发 源码下载 设计 设计综合 设计素材 设计竞标 平面设计 CG/FLASH 交互设计 室内设计 建筑设计 工业设计 服装设计 字体下载 建站 域名主机 网页制作 论坛/CMS 站长 站长资讯 站长工具 流量统计 网赚联盟 搜索 搜索引擎 特色搜索 网址 网址导航 分类目录 博客 博客 微博 网摘 RSS订阅 网摘/书签 资源 免费信息 电子邮箱 网络硬盘 网络相册 在线翻译 域名/DNS 主页/网店/论坛 桌面 桌面壁纸 主题屏保 分享 社会化分享 聊天 聊天工具 聊天室 QQ空间代码 QQ相关 黑客 黑客安全 黑客组织 黑客论坛 在线工具 杀毒 病毒防治 安全防毒论坛
    生活服务
    购物 综合购物 团购导航 导购打折 数码家电 图书音像 衣服首饰 鞋子箱包 美容化妆 母婴儿童 两性情趣 医药保健 食品饮料 礼品鲜花 珠宝眼镜 文体办公 日用家居 数字点卡 电子支付 彩票 在线购彩 福利彩票 体育彩票 天气 天气综合 交通 电子地图 道路交通 公交公司 航空公司 各地铁路 股票 财经资讯 股票综合 股票交流 财经报刊 证券公司 基金 投资理财 金融综合 基金资讯 证券债券 外汇资讯 期货资讯 黄金资讯 风险投资 基金公司 银行 银行网站 各地银行 港澳台银行 外资银行 银行机构 信用卡资讯 保险 保险资讯 保险公司 房产 房产综合 家居装修 地方房产 汽车 汽车资讯 报价交易 二手车 汽车配件 汽车论坛 用车学车 地方汽车 汽车厂商 电视 电视资讯 在线电视 在线电台 电视台 广播电台 手机 手机综合 手机报价 手机论坛 手机电影 手机游戏 手机软件 手机主题 短信图铃 通信 通信综合 通信运营商 各地电信 各地移动 各地联通 各地铁通 健康 医疗健康 寻医问药 健康养生 两性健康 心理健康 医院诊所 医学研究 药品器械 医院管理 疾病预防 美食 饮食营养 菜谱食谱 电子优惠券 宠物 宠物综合 猫猫狗狗 水族爬虫 宠物鸟 花草花卉 宠物用品 宠物医院 动物保护 儿童 儿童乐园 母婴亲子 亲子论坛 女性 女性综合 美容减肥 男人世界 时尚 时尚资讯 时尚杂志 奢侈品 旅游 旅游资讯 旅行社/酒店/机票 旅游景点 自助户外游 地方旅游网 生活 生活名站 网上记账 消费者协会 品牌 服装鞋帽 珠宝配饰 美容化妆 生活日用 餐饮食品 数码家电 文体办公 药品器械 查询 日常生活 交通旅游 金融理财 学习教育 电脑网络 综合其他 招聘 人才招聘 行业人才 地方人才 法律 法律综合 法律法规 知识产权 法律援助
    文化教育
    教育 教育综合 基础教育 高等教育 成人教育 职业教育 特殊教育 远程教育 教育科研 知识 百科问答 文档网站 外语 英语学习 其他语种 在线翻译 考试 考试招生 高考/自考/成考 公务员考试 考研 英语类考试(托福/雅思/GRE/PETS) 计算机考试 专业类考试 各地考试信息 论文 免费论文 课件资源 大学 国内高校 国外高校 校园 校园综合 同学录 图书馆 图书馆院 留学 出国留学 曲艺 相声/小品/评书 舞蹈 乐器 魔术杂技 地方戏 爱好 艺术鉴赏 收藏艺术 美术绘画 书法艺术 纹身 科技 科研机构 社会科学 自然科学 农业科学 工程科学 科普知识 发明专利 人文 社会文化 历史人文 历史名人 宗教 佛教 道教 基督教 伊斯兰教 公益 公益项目 公益基金 公益资讯
    综合其他
    政府 国家政府机构 地方政府机构 国际/区域组织 驻华使馆/领事馆 各国政府 行业 商业贸易 农林牧渔 物流快递 食品饮料 服装鞋帽 礼品玩具 建筑建材 家电音响 电子安防 能源电力 机械仪表 化学工业 纺织皮革 冶金矿产 五金模具 广告营销 印刷包装 出版发行 环保绿化 黄页 黄页大全 企业网站 酷站 美图分享 晒搭配 吃货据点 发现好音乐 新鲜科技 创意设计 爱旅行 爱手工 新潮社区 趣味测试 其他 菜鸟