1.定义
iFrame是内联框架的缩写,它是HTML元素的一个组件,允许在页面中嵌入文档、视频和交互式媒体。通过这样做,可以在主页上显示一个辅助页面。
iFrame元素允许包含来自其他源的内容,它可以在页面的任何地方集成内容,而不必像传统元素那样将内容包含在web布局的结构中。
但是过度使用iFrame会降低页面速度,并带来安全风险,把iFrame看作是内容的一部分,而不是站点的一部分。例如,如果您想添加一个爱奇艺视频来吸引读者,那么可以向该文章插入一个iFrame元素。
<iframe> 标签的语法格式如下:
<iframesrc=urlwidth=mheight=n></iframe>
src 属性用来指定要嵌入的网页的地址;width 和 height 属性用来指定框架的宽度和高度,默认单位是像素,当然您也可以使用百分比。
注意:HTML <iframe> 标签不利于搜索引擎抓取页面内容,对 SEO 具有负面效果,在现代 Web 设计中不建议使用。
2. iFrame的使用方法
可以在HTML文档中使用< iFrame >标记插入iFrame元素,复制以下代码并粘贴到记事本,并将文件保存为.html格式。
<iframe> 标签的所有属性如下表:
举例:
<!DOCTYPEhtml><html><head><metacharset=utf-8><title>HTML<iframe>标签演示</title></head><body><p>下面的内联框架将嵌入C语言网首页,宽度设置为330像素,高度设置为580像素,用以模拟手机端的显示效果。</p><iframesrc=width=330height=580></iframe></body></html>
展示出来的效果如下图: