一、Iframe:嵌入技术

<iframe>元素旨在将web文档嵌入到当前文档中。这很适合将第三方内容纳入您的网站。

ios嵌套H5 swift h5 嵌入_SVG


此示例包括使用以下所需的<iframe>基本要素:

ios嵌套H5 swift h5 嵌入_SEO_02


ios嵌套H5 swift h5 嵌入_ios嵌套H5 swift_03


注意:为了提高速度,在主内容完成加载后,使用JavaScript设置iframe的src属性是个好主意。这使您的页面可以更快地被使用,并减少您的官方页面加载时间(重要的SEO指标)。

ios嵌套H5 swift h5 嵌入_ios嵌套H5 swift_04


二、使用HTTPS:

HTTPS是HTTP的加密版本,应尽可能使用HTTPS为网站提供服务:

  1. HTTPS减少了远程内容在传输过程中被篡改的机会
  2. HTTPS防止嵌入式内容访问您的父文档中的内容,反之亦然。
    始终使用sandbox属性:
    想尽可能减少攻击者在你的网站上做坏事的机会,那么你应该给嵌入的内容仅能完成自己工作的权限。当然,这也适用于你自己的内容。一个允许包含在其里的代码以适当的方式执行或者用于测试,但不能对其他代码库(意外或恶意)造成任何损害的容器称为沙盒。
    未沙盒化(Unsandboxed)内容可以做得太多(执行JavaScript,提交表单,弹出窗口等)默认情况下,您应该使用没有参数的sandbox属性来强制执行所有可用的限制。

三、<embed><object>元素

<embed><object>元素的功能不同于<iframe>—— 这些元素是用来嵌入多种类型的外部内容的通用嵌入工具,其中包括像Java小程序和Flash,PDF(可在浏览器中显示为一个PDF插件)这样的插件技术,甚至像视频,SVG和图像的内容!

ios嵌套H5 swift h5 嵌入_ios嵌套H5 swift_05


ios嵌套H5 swift h5 嵌入_SVG_06


ios嵌套H5 swift h5 嵌入_SVG_07

四、将SVG添加到页面

快捷方式:<img> 要通过 <img>元素嵌入SVG,你只需要按照预期的方式在 src 属性中引用它。你将需要一个height或width属性(或者如果您的SVG没有固有的宽高比)。

ios嵌套H5 swift h5 嵌入_SVG_08


ios嵌套H5 swift h5 嵌入_SVG_09