title: How to specify the map attribute of HTML in a JSF page
body: <p>I am trying to replicate the below html page using JSF. But can't find the correct JSF tag to do so.</p>
  
  <p><strong>HTML content</strong> (Required HTML):</p>
  
  <pre><code>&lt;body&gt;
  &lt;div class="image"&gt;
      &lt;img src="image.jpg" alt="Image" usemap="#Map" border="0" /&gt;
      &lt;map name="Map" id="Map"&gt;
          &lt;area shape="circle" id="circle" coords="135,596,34" href="http://www.google.co.in" alt="Circle" /&gt;
          &lt;area shape="rect" id="square" coords="192,567,249,628" href="http://www.youtube.com" alt="Square" /&gt;
      &lt;/map&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p><strong>JSF Page</strong> (JSF to be modified to get above HTML):</p>
  
  <pre><code>&lt;body&gt;
  &lt;f:view&gt;
  &lt;h:outputText value="This is a JSF page"&gt;&lt;/h:outputText&gt;
  &lt;br/&gt;
  &lt;h:form&gt;
  &lt;h:graphicImage id="image" value="image.jpg" usemap="true"&gt;
      &lt;h:commandLink action="#{managedBean.method}" id="links1" value="map1" coords="135,596,34" shape="circle"&gt;&lt;/h:commandLink&gt;
      &lt;h:commandLink action="#{managedBean.method}" id="links2" value="map2" coords="192,567,249,628" shape="rec"&gt;&lt;/h:commandLink&gt;
  &lt;/h:graphicImage&gt;
  &lt;/h:form&gt;
  &lt;/f:view&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>Please suggest the correct JSF format to replicate the above HTML page using the  JSF page and it calls a method of ManagedBean when clicked on the link.</p>