几个常见的h5嵌入标签的属性及用法介绍,包括iframe标签、embed标签以及script标签。
iframe标签
<iframe>
标签规定一个内联框架。一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。所有主流浏览器都支持 <iframe>
标签。
属性
一些关于iframe的属性,注意以下仅是Hexo支持的的部分属性。
关于iframe的src属性:
| 属性 | 描述 | 值 | | :--------------------: | :--------------------------------------- | :----------------------------------------------------------: | | name | 规定 iframe 的名称。 | name | | height | 规定iframe的高度 | pixels | | width | 规定iframe的宽度 | pixels | | src | 规定iframe显示的url | url | | scrolling | 规定是否在 iframe 中显示滚动条。 | yes
no
auto | | srcdoc | 规定页面中的 HTML 内容显示在 iframe 中。 | html-code | | seamless
(无缝衔接) | 规定 iframe 看起来像是父文档中的一部分。 | seamless | | sandbox | 对 iframe的内容定义一系列额外的限制。 | allow-forms
allow-same-origin
allow-scripts
allow-top-navigation | | marginheight | 规定 iframe的顶部和底部的边距。 | pixels | | marginwidth | 规定 iframe的左右侧的边距。 | pixels | | frameborder | 规定是否显示 iframe>周围的边框。 | 1
0 |
使用
设置参数嵌入‘菜鸟教程相关页面’,代码如下:
1 2 3 4 5 6 7 8 9 10 11
| <iframe name="菜鸟教程" height= 2055 width= 800 seamless frameborder=0 marginwidth=0 marginheight=0 scrolling="no" src="https://www.runoob.com/tags/tag-iframe.html"> </iframe>
|
嵌入效果如下:
embed标签
embed标签定义了一个容器,用来嵌入外部应用或者互动程序(插件)。所有主流浏览器都支持 embed 标签。
属性
一些关于embed的属性,注意以下仅是Hexo支持的的部分属性
属性 | 描述 | 值 |
---|
height | 规定嵌入内容的高度。 | pixels |
width | 规定嵌入内容的宽度。 | pixels |
src | 规定嵌入内容的url | url |
typy | 规定嵌入内容的 MIME 类型。 注:MIME = Multipurpose Internet Mail Extensions。 | MIME_type |
使用
设置参数嵌入‘菜鸟教程相关页面’,代码如下: