其他常用标签

学思创的头像
学思创
150

<iframe>:用于在当前文档中嵌入另一个HTML文档。它允许您在网页中嵌入来自其他网站的内容,例如视频、地图、广告等。

<iframe>属性 描述
src 指定嵌入内容的URL
srcdoc 用于在HTML的<iframe>元素中直接嵌入内容,而无需外部源文件或URL。该属性允许您指定应在iframe内显示的HTML内容
name 定义一个唯一的名称,这在一些特定的用途中可能会有用,例如在JavaScript中引用 <iframe>
sandbox 提供了一种增加安全性的方式,它可以限制嵌入内容的行为。例如,您可以禁止嵌入内容执行脚本或提交表单
allow 要应用于iframe内容的权限策略
allowfullscreen 如果设置为 "true",则允许用户全屏查看嵌入的内容(例如视频)
width 设置iframe的宽度
height 设置iframe的高度
referrerpolicy referr策略,用于指定获取结果时将发送的参考信息
loading 用于控制iframe的加载行为。eager(默认值):此值告诉浏览器立即加载内容,无论内容当前是否对用户可见。它将加载优先于潜在的性能优化。lazy:此值指示浏览器延迟加载内容,直到内容在用户屏幕上可见为止。这可以帮助提高页面加载时间并减少不必要的网络请求。auto:此值允许浏览器根据其自身算法和可用资源确定加载内容的最佳方法。

<meter>:用于呈现一个度量或测量的数值范围。它可以用于表示进度条、仪表盘、温度计等不同类型的度量值。

<meter>属性 描述
value number 设置当前的度量值。它的值应该在min和max之间,并根据度量的类型进行适当的标识和呈现。
min number 设置度量值的最小值
max number 设置度量值的最大值
low number 低范围的上限
high number 高范围的下限
optimum number 仪表中的最佳值

<progress>:用于表示任务的完成进度或进程的完成度。它通常用于显示和跟踪一个操作或任务的进度,例如文件上传、下载、加载等。

<progress>属性 描述
value number 用于指定当前的完成进度
max number 表示任务的最大完成程度

<canvas>:用于在网页上绘制图形、动画和其他可视化内容。它提供了一个绘图区域,可以使用JavaScript和特定的绘图API进行二维或三维的图形绘制。<canvas>标签没有直接显示内容,需要使用JavaScript和绘图API来绘制图形。可以使用getContext()方法获取绘图上下文对象,然后使用上下文对象的方法绘制图形,如线条、矩形、圆形、文字等。

<canvas>属性 描述
width canvas容器的宽度
height canvas容器的高度

 

用户评论
评论列表