图片热点(图像地图)

<img src=“images/01.jpg” usemap=“#Map” />

图像地图的标记<map>

<map>

<area shape=“热点的形状” coords=“热点在图片上的坐标” href=“URL” alt=“提示信息” />

</map>

<map>标记的属性

Name:指定热点地图的名称;

Id:指定热点地图的名称;

<area>标记的属性

Shape:热点的形状,取值:rect(矩形)、circle(圆形)、polygon(多边形)

Coords:热点形状的坐标,根据热点形状来确定坐标值。

Rect(矩形):coords=“x1,y1,x2,y2”,左上角和右下角坐标

Circle(圆形):coords=“x,y,r”,圆心坐标和半径

Polygon(多边形):coords=“x1,y1,x2,y2,x3,y3,xN,yN”

 

举例:给图片加热点

<img src=“images/01.jpg” usemap=“#Map” />

<map id=“Map” name=“Map”>

<area shape=“rect” coords=“50,50,100,100” href=“http://www.sina.com” />

</map>

 

多媒体标记(插入Flash的标记)

多媒体包含:声音、视频、Flash

网页上的多媒体基本上都是Flash格式的,

视频格式.wmv   .dat   .mob   .rmvb等,在网页上不能直接播放,需要安装第三方的插件,才可以播放。

不同的浏览器,播客上述视频格式,所使用插件参数又不一样。

上述格式视频一般文件较大,不利于网络下载播放。

一般情况下,是将其它的视频格式,转成Flash来在网页上播放。转换软件:格式工厂

Flash格式的视频兼容性非常好,Flash格式的文件很小。

 

 

1、多媒体标记<embed>

主要应用Netscape浏览器,它不是W3C规范。

<embed src=”images/banner.swf” width=”778″ height=”202″ quality=”high” pluginspage=”http://www.macromedia.com/go/getflashplayer” type=”application/x-shockwave-flash” wmode=”transparent”></embed>

 

<embed>的主要属性

Src:Flash的文件地址

Width:指Flash文件的宽度

Height:指Flash文件的高度

Quality:指Flash的播放质量,质量有高有低 hight low

Pluginspage:如果指定的Flash插件不存在,则从pluginspage指定的地方进行下载。

Type:指定Flash的文件格式类型

Wmode:指Flash的背景是否可以透明,取值:transparent是透明的

 

 

2、多媒体标记<object>

主要应用IE浏览器,它是W3C规范。

<object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0″ width=”778″ height=”202″>

<param name=”movie” value=”images/banner.swf”>

<param name=”quality” value=”high”>

<param name=”wmode” value=”transparent”>

</object>

<object>的主要属性

Classid:指定Flash插件的ID号,一般存在于注册表中;

Codebase:如果Flash插件不存在,则从codebase指定的地址下载;

<param>的主要作用,是设置具体的详细参数

 

  • 在网页中插入Flash时,要同时兼容多种浏览器,需要将这两种标记一起使用,但使用的顺序是,<object>中嵌套<embed>标记。

<object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0″ width=”778″ height=”202″>

<param name=”movie” value=”images/banner.swf”>

<param name=”quality” value=”high”>

<param name=”wmode” value=”transparent”>

<embed src=”images/banner.swf” width=”778″ height=”202″ quality=”high” pluginspage=”http://www.macromedia.com/go/getflashplayer” type=”application/x-shockwave-flash” wmode=”transparent”></embed>

</object>

 

W3C:是万维网联盟,主要制定Web标准的国际权威机构。XHTML、CSS、JavaScript、 DOM、AJAX等。

晴朗网络专注WordPress建站,提供资源和经验分享,欢迎咨询交流!
晴朗网络 » XHTML简介(2)