《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>

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


8f04c8b2565a9266bd722a10bde642461266fa9b
相关文章
N..
|
24天前
|
前端开发 JavaScript 开发者
HTML框架
HTML框架
N..
11 1
|
1月前
|
前端开发 开发者 容器
|
1月前
|
开发框架 前端开发 JavaScript
前端框架演进史:从HTML到现代化开发
前端框架演进史:从HTML到现代化开发
33 0
|
1月前
|
移动开发 前端开发 JavaScript
编程笔记 html5&css&js 005 网页上都有哪内容、形式和操作
编程笔记 html5&css&js 005 网页上都有哪内容、形式和操作
|
3天前
|
PHP
web简易开发——通过php与HTML+css+mysql实现用户的登录,注册
web简易开发——通过php与HTML+css+mysql实现用户的登录,注册
|
11天前
|
前端开发 JavaScript
HTML深度解析:更改文本颜色
【4月更文挑战第1天】
29 0
HTML深度解析:更改文本颜色
|
1月前
|
搜索推荐 前端开发 JavaScript
打造个性化的个人网页:从HTML到个人品牌
打造个性化的个人网页:从HTML到个人品牌
19 0
|
1月前
HTML文本内容标签
HTML文本内容标签
|
1月前
|
JavaScript 前端开发
HTML网页自动刷新_kaic
HTML网页自动刷新_kaic
|
1月前
|
前端开发 JavaScript 开发者
编程笔记 html5&css&js 014 网页布局框架
编程笔记 html5&css&js 014 网页布局框架