其他常用标签
学思创
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容器的高度 |