HTML <map> 标签
定义和用法
定义一个客户端图像映射。图像映射(image-map)指带有可点击区域的一幅图像。
实例
带有可点击区域的图像映射:
<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>
浏览器支持
所有主流浏览器都支持 <map> 标签。
提示和注释:
注释:area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域。
注释:<img>中的 usemap 属性可引用 <map> 中的 id 或 name 属性(取决于浏览器),所以我们应同时向 <map> 添加 id 和 name 属性。
必需的属性
DTD 指示此属性允许在哪种 DTD 中使用。S=Strict, T=Transitional, F=Frameset.
属性
值
描述
DTD
id |
unique_name |
为 map 标签定义唯一的名称。 |
STF |
可选的属性
DTD 指示此属性允许在哪种 DTD 中使用。S=Strict, T=Transitional, F=Frameset.
属性
值
描述
DTD
name |
mapname |
为 image-map 规定的名称。 |
STF |
标准属性
class, title, style, dir, lang, xml:lang
事件属性
tabindex, accesskey, onclick, ondblclick, onmousedown, onmouseup, onmouseover,
onmousemove, onmouseout, onkeypress, onkeydown, onkeyup, onfocus, onblur
分享到:
相关推荐
51、<map> 定义图像映射。 声明:本电子书内容源于网络,所有内容仅供测试, 不保证内容的正确性! HTML 5中文参考手册 由夏天(博客:www.xiatianhk.com)收集并整理 52、<mark> 定义有记号的文本。 53、<menu> 定义...
separated attribute (such as a class or rel attribute).<br><br>$("a[@rel~=test]")Animation Improvements<br><br>参数: <br>options <br>返回值: <br>XMLHttpRequest <br>使用HTTP请求一个页面。<br>这是jQuery...
嵌入jsp里面的地图,左上角的人形可以拖动到可以看的位置就会看到当地的接到和人物。
Map<String, List<String>> decodedQueryParameters = decodeParameters(session.getQueryParameterString()); StringBuilder sb = new StringBuilder(); sb.append("<html>"); sb....
<p>one</p> <div><p>two</p></div> <p>three</p> jQuery 代码: $("div > p"); 结果: [ <p>two</p> ] -------------------------------------------------------------------------------- 在文档的第一个表单...
精彩视频是从网上下载的mp4格式,将之放入文件夹map4下,使用<source>标签定义媒介资源,并且点开页面自动加载运行。站长简介和注册使用了<form>表单。文章分布、趣味游戏使用<script>进行表单验证和动态内容修改。...
<p><a href="#" id="start">Start Animation</a></p> <div id="box" style="background:#98bf21;height:100px;width:100px;position:relative"> </div> </body> </html> jQuery 隐藏和显示 通过 hide() 和 show...
html map 标签使用
其它的运行符可以作用于数字和日期,但不能作用于字符串,大部分的时候,使用gt等字母运算符代替>会有更好的效果,因为 FreeMarker会把>解释成FTL标签的结束字符,当然,也可以使用括号来避免这种情况,如:<#if (x>y)> ...
1,开始标签:<#directivename parameter> 2,结束标签:</#directivename> 3,空标签:<#directivename parameter/> 实际上,使用标签时前面的符号#也可能变成@,如果该指令是一个用户指令而不是系统内建指令时,应将#符号...
9. `<link>`和`<script>`标签分别用来做什么? 10. 行内元素和块级元素的区别是什么? 11. HTML5中的表单元素有哪些新变化? 12. 什么是图像地图(image map)? 13. HTML注释的语法是什么? 14. iframe是什么,主要...
</templates>模板(template)template元素用于定义一个模板,包含一个属性name,用于唯一标识该模板标题行(tittleRow)使用titleRow可以定义多行标题,每行标题又包含多个标题列(titleCol),标题列可以像html ...
1. <s:generator separator="" val=""></s:generator>----和<s:iterator>标签一起使用 H: 1. <s:head/>-----在<head></head>里使用,表示头文件结束 2. <s:hidden></s:hidden>-----隐藏值 I: 1. <s:...
area 元素总是嵌套在 <map> 标签中。本文重点给大家介绍html area标签的相关知识,需要的朋友参考下吧
map标签定义一个客户端图像映射,图像映射(image-map)指带有可点击区域的一幅图像。这是在所有主流浏览器中都可以兼容的一个标签属性。
本文实例讲述了JSP实现用于自动生成表单标签html代码的自定义表单标签。...Map<String> map = new HashMap<String>(); map.put(2, 选项二); map.put(3, 选项三); map.put(4, 选项四); map.put(5, 选
NULL 博文链接:https://zongyukai20070419095606.iteye.com/blog/603698
protected List<Content> getList(Map<String, TemplateModel> params, Environment env) throws TemplateException { Integer[] ids = DirectiveUtils.getIntArray(PARAM_IDS, params); if (ids != null) { //...
public Map<String, AuthzHandler> getJdbcAuthz(); } 13.shiro的freemarker标签库 <@shiro.hasPermission name="P_USER"> <li><a href="/admin/user">${i18n.getText("admin.user")}</a></li> ...
标签:mapstruct、中文文档、jar包、java; 使用方法:解压翻译后的API文档,用浏览器打开“index.html”文件,即可纵览文档内容。 人性化翻译,文档中的代码和结构保持不变,注释和说明精准翻译,请放心使用。