HTML Guide
The coordinates specified for an <area>
element using the coords
attribute are not in a valid format.
-
For a rectangle (
shape="rect"
), the formatX1,Y1,X2,Y2
is expected, where the top-left corner is specified byX1, Y1
and the bottom-right corner is specified byX2, Y2
, thereforeX1
must be lower thanX2
, andY1
must be lower thanY2
because the coordinates0, 0
start at the top-left. -
For a polygon (
shape="poly"
), the formatX1,Y1,X2,Y2,...,Xn,Yn
is expected to contain a list of coordinate pairs (at least 3, for a triangle). -
For a circle (
shape="circle"
), the formatX,Y,R
is expected whereX, Y
represents the coordinates of the center of the circle (from the top-left corner), andR
is the radius.
Learn more:
Related W3C validator issues
An href attribute with the value http:// is not a valid URL because the host section is missing.
The href attribute in the area element must contain a valid URL. A URL requires a scheme (http or https), followed by ://, and then a valid host (such as example.com). The value http:// lacks a host, making it invalid according to URL standards and resulting in a validation error. If you don’t want the area to navigate anywhere, you can use href="#" for a placeholder or omit the href attribute entirely. To link to an actual location, provide the complete URL, including the host.
Invalid example:
<map name="myMap">
<area shape="rect" coords="30,23,183,191" href="http://" alt="" >
</map>
Valid example with a real host:
<map name="myMap">
<area shape="rect" coords="30,23,183,191" href="http://example.com/" alt="" >
</map>
Valid example with a placeholder, no navigation:
<map name="myMap">
<area shape="rect" coords="30,23,183,191" href="#" alt="" >
</map>
Replace http:// with a full URL or a suitable placeholder as needed for your application.
Links created with the <a> element no longer accept a shape attribute. In order to define image maps, use the <area> element instead.