第 8 章 嵌入元素
1.嵌入元素总汇
2.嵌入元素解析
主讲教师:李炎恢
本章主要探讨 HTML5 中嵌入元素,嵌入元素主要功能是把外部的一些资源插入到HTML 中。
一.嵌入元素总汇
这里所列出的元素,并非本节课全部涉及到,比如音频 audio、视频 video、以及动态图像 canvas 和媒体资源 source、track 等会在后面章节或季度讲解。
二.嵌入元素解析
解释:<img>元素主要是插入一张外部的图片,那么图片的路径问题和超链接一致。
img 的私有属性
属性名称 | 说明 |
---|---|
src | 嵌入图像的 URL |
alt | 当图片不加载时显示的备用内容 |
width | 定义图片的长度(单位是像素) |
height | 定义图片的高度(单位是像素) |
ismap | 创建服务器端分区响应图 |
usemap | 关联<map>元素 |
2.<map>**创建分区响应图**
解释:通过图片中的热点进行超链接,这里我们采用 Dreamweaver 进行操作生成的。
3.<iframe>**嵌入另一个文档**
解释:<iframe>表示内嵌一个 HTML 文档。其下的 src 属性表示初始化时显示的页面, width 和 height 表示内嵌文档的长度和高度,name 表示用于 target 的名称。
4.<embed>**嵌入插件内容**
5.<object>**和<param>元素**
解释:<object>元素和<embed>一样,只不过 object 是 html4 的标准,而 embed 是 html5 的标准。而 object 不但可以嵌入 flash,还可以嵌入图片等其他内容。由于图片、音频、视频、插件都有相应标签元素代替,我们这里暂时不对其详细讲解。
6.<progress>**显示进度**
解释:<progress>元素可以显示一个进度条,一般通过 JS 控制内部的值。IE9 以及更低版本不支持此元素。
7.<meter>**显示范围里的值**
解释:<meter>元素显示某个范围内的值。其下的属性包含:min 和 max 表示范围边界, low 表示小于它的值过低,high 表示大于它的值过高,optimum 表示最佳值,但不出现效果。IE 浏览器不支持此元素。