WEB前端学习:HTML学习_iframe标签和canvas标签

iframe标签和canvas标签

一、iframe标签

< iframe >
将另一个HTML页面嵌入到当前页面中

<iframe id="inlineFrameExample 
title="Inline Frame Example" 
width="300 height="200" 
src="https://www.baidu.com">
</iframe>

1.主要属性

1.1、allow：用来定义特征策略

值：

• fullscreen：取值为true时，嵌套的页面全屏显示
• payment：取值为true时，跨域的页面就可以调用付款请求API

1.2、high

资源加载优先级高

1.3、low

资源加载优先级低

1.4、name

用来定位嵌套页面的名称

1.5、height

该元素占用空间的高度，以 CSS 像素(px)表示（默认为 150）

1.6、width

该元素占用空间的宽度，以 CSS 像素(px)表示（默认为 300）

二、canvas标签

< canvas >
元素可被用来通过JavaScript（Canvas API 或 WebGL API）绘制图形及图形动画

<canvas id="canvas" width="300" height="300"> 
  抱歉，您的浏览器不支持canvas元素
  （这些内容将会在不支持<canvas>元素的浏览器或是禁用了JavaScript的浏览器内渲染并展现）
</canvas>

1.主要属性

• height：该元素占用空间的高度，以 CSS 像素（px）表示，默认为 150
• width：该元素占用空间的宽度，以 CSS 像素（px）表示，默认为 300

持续更新…

该篇主要讲的是 iframe标签和 canvas标签。到此为止，HTML的内容就分享完了。感谢大家的陪伴，后面我将开始CSS篇章，欢迎大家来阅读。

最后，若有不足或者不正之处，欢迎指正批评，感激不尽！如果有疑问欢迎留言，绝对第一时间回复！

HTML篇章往期博客

• HTML学习_HTML的基本要素
• HTML学习_HTML基本标签
• HTML学习_HTML布局
• HTML学习_HTML多媒体

下面这些是我学习HTML的网站，希望对大家有帮助

• HTML Reference(https://htmlreference.io/)
• MDN(https://developer.mozilla.org/zh-CN/docs/Web/HTML)
• 菜鸟教程(https://www.runoob.com/html/html-tutorial.html)