html5内容嵌入元素

1.嵌入图像

img元素

src 图像url

alt 备用信息，在图片无法显示时呈现

height,width

1.1 在超链接中嵌入图像

在a元素里面使用img元素

1.2 创建客户端分区响应图，通过点击某张图像上不同区域让浏览器导航到不同url。

map元素，其包含一个或多个area元素。

例

<img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" />

<map name="planetmap" id="planetmap">
  <area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" />
  <area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" />
  <area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" />
</map>

 shape属性。

 rect矩形，coords四个值用逗号隔开，分别为图像左边缘与矩形左侧距离，上边缘与矩形上侧距离，左边缘与矩形右侧距离，上边缘与矩形下侧距离

 circle圆形，coords三个值用逗号隔开，分别为从图像左边缘到圆心距离，上边缘到圆心距离，圆的半径

 poly多边形 coords。至少六个值，每一对数字代表多边形的一个顶点

 default,指整个图片，不需要coords值。 

 其他属性如,alt,href,target等。

2嵌入另一张html

iframe元素

iframe中name属性，与上下文target属性结合，例如在a元素中一对超链接，href属性中指定的url载入iframe中。

width,height属性，指定像素大小

src指定初始载入的url

seanless把iframe显示的像一个整体

sandbox对文档进行限制，例如脚本表单等。

3通过插件嵌入内容

embed元素

 属性src比如视频url，type,width,height

object

data内容地址，type.width.height同上。同时使用param元素，定义参数，如name和value。

其包含内容在指定内容不可用时显示出来。

另外还可以用object嵌入图像，创建分区响应图，作为浏览上下文环境。

4.显示进度

program元素表现任务执行的过程

value 指当前进度

max指最大范围，省略则为1

meter元素显示了某个范围内所有值中的一个