<!DOCTYPE html>
<html>
<head>
  <meta charset=utf-8>
  <title>&lt;area&gt;</title>
</head>
<body>
  <map id='foo' name='foo'>
    <p>p
    <!-- default -->
    <area alt="text" shape="default" href='url'>

    <!-- rect -->
    <area alt="text" shape="rect" coords="-01,2,3,4" href="url">
    <area alt="text" shape="rect" coords="1,2,3,4" href="url">
    <area alt="text" coords="1,-24,388,45" href="url">
    <area alt="text" coords="1,2,3,4" href="url">

    <!-- circle -->
    <area alt="text" shape="circle" coords="01,-223,32" href="url">
    <area alt="text" shape="circle" coords="1,2,3" href="url">

    <!-- poly -->
    <area alt="text" shape="poly" coords="01,223,42,-35,94,-94" href="url">
    <area alt="text" shape="poly" coords="01,223,42,35,94,94,003,2" href="url">
    <area alt="text" shape="poly" coords="-1,2,3,4,5,6,7,8,9,10" href="url">
                                           </p>
  </map>
</body>
</html>