《HTML5 开发实例大全》——1.24 在网页中显示一个文本框架

简介:

本节书摘来自异步社区《HTML5 开发实例大全》一书中的第1章,第1.24节,作者: 张明星 更多章节内容可以访问云栖社区“异步社区”公众号查看。

1.24 在网页中显示一个文本框架


9f4bbb36b68ae575f15e950be0bef606f2d2c575

实例说明

在HTML 5 中,< iframe >元素的功能是在页面中创建包含另一文档的框架。出于对页面安全性的考虑,HTML 5不再支持< frame >框架元素,包括< frameset >框架集元素,但仍然支持< iframe >元素,只是该元素的一些原有属性不再被支持,而仅仅支持“src”属性。

众所周知,当使用< iframe >元素包含了另一个页面时,这一操作的安全性会让开发者担忧。为了避免这个问题,在HTML 5中新增加了一个元素的属性“sandbox”,通过该属性的设置,可以避免私自访问父页面、执行异样脚本、通过脚本嵌入表单或控制表单。属性sandbox有如下4个属性值。

  • allow-forms:允许脚本嵌入自己的表单或操纵表单。
  • allow-same-origin:允许将嵌入内容视为同一个数据源。
  • allow-scripts:允许执行脚本。
  • allow-top-navigation:允许最外层浏览器的上下文导航功能。
    在具体设置时,建议读者根据实际需求选择允许的操作,从而有效避免< iframe >元素嵌入的文档有安全性问题。本实例的功能是,使用< iframe >元素在网页中显示一个文本框架。

具体实现

使用Dreamweaver创建一个名为“024.html”的文件,具体代码如下所示:

<!DOCTYPE html>
<html>
<body>
<iframe src="http://www.w3schools.com"></iframe>
</body>
</html>
AI 代码解读

执行效果如图1-43所示。


8f04c8b2565a9266bd722a10bde642461266fa9b
目录
打赏
0
0
0
0
1819
分享
相关文章
HTML5实现好看的劳动节网页源码
HTML5实现好看的劳动节网页源码,劳动节网页,劳动节网页源码,内置十个页面,各种模板都有,可以根据这些页面扩展更多页面,网页由网站首页、劳动节介绍、劳动节由来、劳动节习俗、劳动节文化、劳动节活动、劳动节故事、劳动节民谣、联系我们、登录/注册等页面组成,兼容手机端,页面干净整洁,内容丰富,可以扩展自己想要的,注释完整,代码规范,各种风格都有,代码上手简单,代码独立,可以直接运行使用。也可直接预览效果。
59 4
|
28天前
|
HTML5实现好看的中秋节网页源码
HTML5实现好看的中秋节网页源码,中秋节网页,中秋节网页源码,节日网页大作业,作业源码,内置十个页面,各种模板都有,可以根据这些页面扩展更多页面,网页由网站首页、中秋节介绍、中秋节由来、中秋节习俗、中秋节文化、中秋节美食、中秋节故事、中秋节民谣、联系我们、登录/注册等页面组成,兼容手机端,页面干净整洁,内容丰富,可以扩展自己想要的,注释完整,代码规范,各种风格都有,代码上手简单,代码独立,可以直接运行使用。也可直接预览效果。
48 0
HTML5实现好看的中秋节网页源码
HTML5实现好看的端午节网页源码
HTML5实现好看的端午节网页源码,包含十个页面:网站首页、端午节介绍、由来、习俗、文化、美食、故事、民谣、联系我们及登录/注册。页面设计简洁美观,内容丰富,兼容手机端,代码规范且注释完整,易于扩展和修改。提供完整的源码下载和视频演示,方便学习和使用。
59 3
网页 HTML 自动播放下一首音乐
在 HTML5 中实现自动播放下一首音乐,通过管理音乐列表、操作音频元素和监听事件完成。创建包含多个音乐链接的列表,使用 `&lt;audio&gt;` 元素加载音乐,监听 `ended` 事件,在当前音乐结束时自动播放下一首。示例代码展示了如何使用 JavaScript 实现这一功能,确保无缝切换音乐。
(html在线预览cad图纸插件)网页CAD绘制条形码、二维码的教程
本文介绍了如何在mxcad中绘制条形码和二维码。对于条形码,首先根据应用场景选择合适的编码标准(如CODE39、EAN13等),通过编码规则将数据转换为二进制,并利用`McDbHatch`绘制条和空的组合,同时支持自定义实体及属性管理。 对于二维码,因其能存储更多信息且具备更强纠错能力,采用开源库QRCode.js进行编码处理,再通过`McDbHatch`绘制黑白矩阵,同样封装成自定义实体以便管理和扩展。文中还给出了完整的绘制流程与效果展示,包括创建二维码对象、设置参数、调用绘制方法以及最终的效果图。整个过程体现了灵活运用API与第三方库来实现复杂图形绘制的能力。
|
4月前
HTML在线扫雷游戏网页源码
HTML在线扫雷游戏网页源码是一款基于HTML+CSS+JavaScript开发的在线扫雷小游戏单页源码,为用户提供了一个无需安装即可在浏览器中直接玩的扫雷游戏。该游戏的源码不仅包含了完整的游戏逻辑,还具备丰富的界面设计和用户交互功能,使得玩家能够轻松上手并享受扫雷带来的乐趣。
168 22
利用 html_table 函数轻松获取网页中的表格数据
本文介绍了如何使用 R 语言中的 `html_table` 函数结合代理 IP 技术,轻松提取网页表格数据并规避反爬机制。通过设置代理和请求头,示例代码展示了如何从 58 同城采集租房信息并保存为 CSV 文件。该方法适用于需要频繁采集数据的场景,确保数据采集的高效和稳定性。
178 2
利用 html_table 函数轻松获取网页中的表格数据
XWalkView+html 开发Android应用
在Android开发中有时候为了开发简洁和方便移植,采用了Html+WebView的开发模式,然而Android自带的WebView控件是调用的本机的浏览器内核,有些版本较老的手机浏览器和手机性能都不能满足需求(表现在html5不兼容、体验不流畅等地方)。
2307 0
html5 开发android
引用:http://www.cnblogs.com/qianru/archive/2012/02/27/2369526.html ● Android设备多分辨率的问题 Android浏览器默认预览模式浏览 会缩小页面 WebView中则会以原始大小显示 Android浏览器和WebView默认为mdpi。
1013 0
html5 开发 android 注意点
引用:http://yarin.blog.51cto.com/1130898/614512 http://www.mhtml5.com/ 《Android应用开发新路线——用HTML5开发Android应用程序》 android的HTML5应用程序概述 如何适配多分辨率的android设备 !...
895 0