`
yangxianjiangg
  • 浏览: 59863 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

HTML <map> <area>

阅读更多

带有可点击区域的图像映射:

<area> 标签定义图像映射中的区域(注:图像映射指得是带有可点击区域的图像)。

area 元素总是嵌套在 <map> 标签中。

注释:<img> 标签中的 usemap 属性与 map 元素 name 属性相关联,创建图像与映射之间的联系。

<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>

 

必需的属性

DTD 指示此属性允许在哪种 DTD 中使用。S=Strict, T=Transitional, F=Frameset.

属性描述DTD
alt text 定义此区域的替换文本。 STF

可选的属性

属性描述DTD
coords 坐标值 定义可点击区域(对鼠标敏感的区域)的坐标。 STF
href URL 定义此区域的目标 URL。 STF
nohref nohref 从图像映射排除某个区域。 STF
shape
  • default
  • rect
  • circ
  • poly
定义区域的形状。 STF
target
  • _blank
  • _parent
  • _self
  • _top
规定在何处打开 href 属性指定的目标 URL。 TF

 

分享到:
评论

相关推荐

    HTML标签总结,包含HTML4和HTML5

    * `&lt;area&gt;`: 定义图像映射内部的区域 链接标签 * `&lt;a&gt;`: 定义链接 * `href`: 规定链接指向的页面的 URL * `target`: 规定在何处打开链接文档 表格标签 * `&lt;table&gt;`: 定义表格 * `&lt;tr&gt;`: 定义表格行 * `&lt;td&gt;`: ...

    Html5中文手册(程序员必备手册)

    6、&lt;area&gt; 定义图像映射中的区域。 7、&lt;article&gt; 定义外部的内容。 8、&lt;aside&gt; 定义article 以外的内容。 9、&lt;audio&gt; 定义声音内容。 10、&lt;b&gt; 定义粗体文本。 11、&lt;base&gt; 定义页面中链接的基准 URL。 12、&lt;bdo&gt; 定义...

    js 框架之一

    " &gt;&lt;/iframe&gt; &lt;br&gt; &lt;br&gt; &lt;br&gt; &lt;/div&gt;&lt;br&gt; &lt;img name="map" src="/image/maptop.gif" width="950" height="976" border="0" id="map" usemap="#m_map" alt="" /&gt;&lt;br&gt; &lt;map name="m_map" id="m_map"&gt;&lt;br&gt; &lt;area ...

    Visual C++ 编程资源大全(英文源码 表单)

    37.zip&lt;br&gt;Font dialog with custom text preview & color&lt;br&gt;字体对话框中增加字体和颜色的预览(12KB)&lt;END&gt;&lt;br&gt;38,38.zip&lt;br&gt;Embedding an HTML Help window into a dialog&lt;br&gt;嵌入一个超文本(HTML)的帮助窗口到...

    Visual C++ 编程资源大全(英文源码 控件)

    (2KB)&lt;END&gt;&lt;br&gt;28,listfind.zip&lt;br&gt;This sample shows how to use the CList&lt;&gt; template. (9KB)&lt;END&gt;&lt;br&gt;29,ndbrow.zip&lt;br&gt;This Visual C++ 6 project shows how to create an MDI application that hosts ...

    博客网站首页界面

    &lt;p class="comments"&gt;Comments - &lt;a href="sc.chinaz.com"&gt;17&lt;/a&gt; &lt;span&gt;|&lt;/span&gt; &lt;a href="index2.html"&gt;Continue Reading&lt;/a&gt;&lt;/p&gt; &lt;/div&gt; &lt;div class="post"&gt; &lt;h2&gt;Original Wordpress Themes&lt;/h2&gt; &lt;div&gt;&lt;span...

    个人网页模版

    &lt;td width="530" height="175" valign="top"&gt;&lt;img src="images/main.gif" width="530" height="175" border="0" usemap="#Map"&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td height="36" valign="top"&gt;&lt;table width="530" border="0" ...

    兰理工网页作业之个人简历制作

    &lt;area shape="circle" coords="270,50,40" href="Introduce.html" title="这是机器猫的右眼睛"&gt; &lt;area shape="circle" coords="180,250,80" href="MV/index.html" title="这是机器猫的大嘴" target="_blank"&gt; ...

    JavaScript Table行定位效果

    2,If A is an area HTML element which has a map HTML element somewhere in the ancestor chain return the nearest ancestor map HTML element and stop this algorithm. 3,Return the nearest ancestor ...

    腾讯公司活动网-首页简介

    &lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;MAP id=Map name=Map&gt; &lt;AREA shape=RECT coords=418,199,529,222 href="http://vip12.us.la/index0.asp.htm"&gt; &lt;AREA shape=RECT coords=410,350,543,402 href=...

    html中map热点area的使用

    html中map热点area的使用,获取图片上的热点

    html中map热点area的使用全部代码和效果,兼容所有浏览器

    html中map热点area的使用全部代码和效果,兼容所有浏览器,之前的忘记上传图片了,非常抱歉,看了评论才知道,非常不好意思,现在整体代码齐全,全部代码都在这里

    JavaExcel读写库JxlExcel.zip

     &lt;dataCol&gt;area&lt;/dataCol&gt;  &lt;dataCol&gt;name&lt;/dataCol&gt;  &lt;dataCol&gt;idCard&lt;/dataCol&gt;  &lt;dataCol&gt;bankAccount&lt;/dataCol&gt;  &lt;dataCol&gt;amount&lt;/dataCol&gt;  &lt;dataCol&gt;remark&lt;/dataCol&gt;  &lt;/dataRow&gt; &lt;/template&gt; &lt;/...

    详解 html area标签

    area 元素总是嵌套在 &lt;map&gt; 标签中。本文重点给大家介绍html area标签的相关知识,需要的朋友参考下吧

    Lesson01_08 图像地图

    这个过程需要使用&lt;map&gt;标签和&lt;area&gt;标签来定义热点区域,使用usemap属性来关联图像与热点区域。 四、图像地图的应用 图像地图广泛应用于网页设计中,例如在网站的首页上使用图像地图来实现导航,或者在电商网站上...

    map指定区域颜色及划过高亮.zip

    动态改变map-area区域背景色,可滑动改变背景色

    vue实现在图片中画矩形框,并得到对角坐标,设置map中area的样式.zip

    vue实现在图片中画矩形框(JS图片画方块定位坐标),并得到对角坐标,并拿到对应坐标制作图片热区并设置map中area的样式(图片热区map area的用法)

    map_area:用html内容照明地图区域并调整其大小

    map_area 用html内容照明地图区域并调整其大小

    Web-前端html+css从入门到精通 117. map标签与area标签.zip

    Web-前端html+css从入门到精通 117. map标签与area标签.zip

    mapArea:html 的area只能在固定尺寸的html上使用,通过这段js就可以实现自动适配了

    mapAreahtml 的area只能在固定尺寸的html上使用,通过这段js就可以实现自动适配了#使用方法在map标签下面的area标签需要添加class="MXC_hotPhotoItem"默认所有的坐标是基于750宽度的图片进行定位如果图片大小非标准...

Global site tag (gtag.js) - Google Analytics