html中html图像映射射怎么定义坐标

来源：蜘蛛抓取(WebSpider) 时间：2018-09-17 04:36 标签： html图像映射 

    

      上面这段源代码将一幅图像 planets.gif 映射为 3 个区域，当用户单击其中某一个区域时，将被链接到不同的文档中。
    

    

      如需了解更多有关 map 和 area 元素的信息，请参阅：
    

  

  

    

      usemap 属性将图像定义为客户端图像映射。
    

    

      图像映射指的是带有可点击区域的图像。
    

  

  

    

      所有浏览器都支持 usemap 属性。
    

  

  

    

      

        
      

      

        
      

    

  

  

    

      延伸阅读：详解 usemap 属性
    

    

      usemap 属性提供了一种“客户端”的图像映射机制，有效地消除了服务器端对鼠标坐标的处理，以及由此带来的网络延迟问题。通过特殊的 <map> 和 <area> 标签，HTML 创作者可以提供一个描述 usemap 图像中超链接敏感区域坐标的映射，这个映射同时包含相应的超链接 URL。usemap 属性的值是一个 URL，它指向特殊的
      <map> 区域。用户计算机上的浏览器将把鼠标在图像上单击时的坐标转换成特定的行为，包括加载和显示另外一个文档。
    

    

      我们举例说明一下，下面这段源代码将一个 100x100 像素的图像 map.gif 映射为 4 个区域，当用户单击其中某一个区域时，将被链接到不同的文档中。请注意，在这个 <img> 标签中，我们已经有效地包含了对 ismap 图像映射的处理功能，这样，那些使用不具有 usemap 处理功能的浏览器用户，就可以通过另外一中途径，即服务器端机制来处理图像映射：
    

    

    

      地图就是很好地应用 ismap 和 usemap 属性的一个示例，例如，在浏览一家全国范围的大公司网页时，用户可能会在地图上单击他们所居住的城市，以获得附近地区零售店的地址和电话号码等。
    

    

      usemap 客户端处理图像映射的好处是，它不要求有服务器或特殊的服务器软件，与 ismap 机制不同，它可以用在非 web （无网络）环境中，例如在本地的文件或者 CD-ROM 中使用。
    

  



                            

                                                

                    

                

            

            


            

                
我要回帖

                

                    

                        
                        
                    

                

            

            

                        

                
更多关于 html图像映射 的文章

                

                    
                

            

                    

        

            

                
 

                


                

            

            

            

                
随机推荐