HTML a标签 – shape 属性

返回到:HTML a标签

HTML5 不再支持 <a> 标签的 shape 属性。

shape 属性与 coords 属性配合, 可以规定 <object>或 <img>元素中链接的尺寸、形状和位置。

提示::如需创建能够在所有浏览器中运行的图像映射,请使用 <area> 元素!

语法

<a shape="value">

属性值

描述
default规定全部区域。
rect定义矩形区域。
circle定义圆形。
poly定义多边形区域。

浏览器支持

目前只有Firefox 和 Opera 支持 shape 属性。

实例

在 <a> 元素中使用 shape 和 coords 创建图像地图:

<object data="planets.gif" alt="Planets" type="image/gif" usemap="#Map1">
 <map name="Map1">
   <a href="sun.htm" shape="rect" coords="0,0,82,126">太阳</a>
   <a href="mercur.htm"shape="circle" coords="90,58,3">水星</a>
   <a href="venus.htm" shape="circle" coords="124,58,8">金星</a>
 </map>
</object>

返回到:HTML a标签

terry

这个人很懒,什么都没有留下~

Share
Published by
terry

Recent Posts

自定义指令:聊聊vue中的自定义指令应用法则

今天我们来聊聊vue中的自定义…

2 天 ago

聊聊Vue中@click.stop和@click.prevent

一起来学下聊聊Vue中@cli…

1 周 ago

Nginx 基本操作:启动、停止、重启命令。

我们来学习Nginx基础操作:…

2 周 ago

Vue3:手动清理keep-alive组件缓存的方法

Vue3中手动清理keep-a…

2 周 ago

聊聊React和Vue组件更新的实现及区别

React 和 Vue 都是当…

3 周 ago