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元素显示了某个范围内所有值中的一个

原文地址:https://www.cnblogs.com/cumting/p/6744529.html