网页编程中的图片映射。同学们好，今天分享的是图片映射的知识，它可以让你在一张图片上点击不同的区域，跳转到不同的地方或执行不同的程序。使用的是image、map和area标签。

先看一下今天的实例效果，只有一张图片，当鼠标在图片上划过时，会发现不同的区域有不同的鼠标样式。可以点击的区域会有一个小箭头。网页上有三个热点区域，其他的地方都是普通的箭头。

点击对应的区域会看到浏览器弹出了其他的窗口，放大显示被点击的星球的图片。效果已经展示给大家了。接下来看一下实现的代码。

首先使用了IMG标签的usemap属性，指定了要使用的映射区域的名字。它的值和map标签的name值是一样的，只是多了一个#号。这个#号是必不可少的。map标签只有name属性，它是area标签和IMG标签之间的关联。真正实现热点功能的是area标签。area标签的属性相对复杂，我简单介绍一下。有不明白的可以看一下汇总文档。

shape属性设置了热点区域的形状，可以选择rect、circle和polygon。coords属性设置了具体的区域，和shape属性相配合。Web时是左上角和右下角的xy坐标点，画出了方形的区域。临界位是两两一组的坐标点，最后会自动闭合。alt属性是提示和占位文字，href属性是要跳转的地址，target属性是跳转的方式。这三个属性已经介绍过很多次了，不需要再介绍了。area标签是必须要使用的。

在map标签中很少使用area标签，因为XY坐标系的操作比较抽象，大多数时候更愿意使用更加清晰的图片切割方式，加载也更快。但是area的精度和热点形状的理解是非常方便的，可以省去很多工作量。今天的分享就到这里，希望大家可以照着写三遍，做到不看视频也能够写出代码。所有的案例和相关文档都可以向我索取。我们下期再见。

今天分享的内容包括网页编程、服务端编程、数据库和算法。如果你想学编程，就点个关注吧！