首页 > 其他分享 >前端笔记-内联框架-20221021

前端笔记-内联框架-20221021

时间:2022-10-21 18:12:22浏览次数:97  
标签:origin 标签 笔记 规定 20221021 iframe 内联 pixels 属性

HTML Iframe

1.定义:用于在网页内显示网页。

2.语法

<iframe src="URL"></iframe>

3.内联框架属性

height:规定高度

width:规定宽度

frameborder :属性规定是否显示 iframe 周围的边框,0为移除边框

属性描述
align
  • left
  • right
  • top
  • middle
  • bottom

不赞成使用。请使用样式代替。

规定如何根据周围的元素来对齐此框架。

frameborder
  • 1
  • 0
规定是否显示框架周围的边框。
height
  • pixels
  • %
规定 iframe 的高度。
longdesc URL 规定一个页面,该页面包含了有关 iframe 的较长描述。
marginheight pixels 定义 iframe 的顶部和底部的边距。
marginwidth pixels 定义 iframe 的左侧和右侧的边距。
name frame_name 规定 iframe 的名称。
referrerpolicy
  • no-referrer
  • no-referrer-when-downgrade
  • origin
  • origin-when-cross-origin
  • same-origin
  • strict-origin-when-cross-origin
  • unsafe-url
规定 iframe 的名称。
sandbox
  • ""
  • allow-forms
  • allow-same-origin
  • allow-scripts
  • allow-top-navigation
启用一系列对 <iframe> 中内容的额外限制。
scrolling
  • yes
  • no
  • auto
规定是否在 iframe 中显示滚动条。
seamless seamless 规定 <iframe> 看上去像是包含文档的一部分。
src URL 规定在 iframe 中显示的文档的 URL。
srcdoc HTML_code 规定在 <iframe> 中显示的页面的 HTML 内容。
width
  • pixels
  • %
定义 iframe 的宽度。

4.使用 iframe 作为链接的目标

<iframe src="https://www.w3school.com.cn/tags/tag_area.asp" frameborder="0" name="iframe_a"></iframe>
    <p>
        <a href="https://www.jin10.com/" target="iframe_a">实例</a>
    </p>
#在同一个iframe框内显示这两个网页

  

 

标签:origin,标签,笔记,规定,20221021,iframe,内联,pixels,属性
From: https://www.cnblogs.com/zhangrong789/p/16814398.html

相关文章

  • thinkphp 入门笔记
    1. 单数据查询   2.数据集的查询   3.  其他查询       ......
  • 前端笔记-HTML id-20221021
    HTMLid属性1.id属性定义:HTML id 属性用于为HTML元素指定唯一的id。一个HTML文档中不能存在多个有相同id的元素。作用:用于指向样式表中的特定样式声明注意:i......
  • 【学习笔记】JSP内置对象
    JSP内置对象pageContextRequestResponseconfig[ServletConfig]outApplication[ServletContext]pageexceptionsession 其中,pageContext......
  • 前端笔记-HTML 块-20221021
    HTML块元素1.HTML块元素大多数HTML元素被定义为块级元素或内联元素。“块级元素”译为blocklevelelement,“内联元素”译为inlineelement。块级元素特点:块级元......
  • JavaWeb笔记(一)Java网络编程
    本笔记转自https://www.yuque.com/qingkongxiaguang/javaweb/lmkyt6青空の霞光java网络编程在JavaSE阶段,我们学习了I/O流,既然I/O流如此强大,那么能否跨越不同的主机进......
  • 前端笔记-HTML 列表-20221021
    HTML列表1.定义列表自定义列表不仅仅是一列项目,而是项目及其注释的组合。自定义列表以<dl>标签开始。每个自定义列表项以<dt>开始。每个自定义列表项的定义以<dd>......
  • python3学习笔记【简易】
    0.注意事项与码风修正1.注意到句尾分号没影响到编译,查资料知可加可不加,最好不加。当在一行中写多句代码时需要加。2.for循环和if/else句尾冒号前不要有空格! 1.操作种......
  • spark scala 安装 window20221021
    1、spark安装http://archive.apache.org/dist/spark/spark-2.2.0/spark-2.2.0-bin-hadoop2.7.tgz 环境变量:  创建SPARK_HOME:D:\spark-2.2.0-bin-hadoop2.7Path......
  • 基于TensorFlow和Python的机器学习(笔记2)
    基于TensorFlow和Python的机器学习(笔记2)     油耗预测项目(实战)importioimportos.pathimportmatplotlib.pyplotaspltimportkeras.utilsimportte......
  • 自然语言处理学习笔记-lecture5-语言模型03
    词语表示一种典型方法是符号表示法,\(w_1w_2\cdotsw_m\)等等,等价的表示方法是one-hot表示法,此时有多少个词向量就有多少维,且没有办法表示词之间的相似性,基于连续语义空间......