Gerçekten bir HTML ustası iseniz birçok ioucu/hile biliyorsunuzdur, bunlardan biri de <map> ve <area> kullanmak, görseller için oldukça kullanışlı bu yöntem bazen hayat kurtarıcı olabilir.
HTML’de öğelerin belli bölgelerini tıklanabilir yapmak için map ve area elementlerini kullandığımız bir örneği aşağıya ekledim:
<h1>The map and area elements</h1>
<p>Click on the computer, the phone, or the cup of coffee to go to a new page and read more about the topic:</p>
<img src="https://www.w3schools.com/tags/workplace.jpg" title="Masa" alt="Masa" usemap="#workmap" width="400" height="379">
<map name="workmap">
<area shape="rect" coords="34,44,270,350" title="Telefon" alt="Bilgisayar" href="#Bilgisayar">
<area shape="rect" coords="290,172,333,250" title="Telefon" alt="Telefon" href="#Telefon">
<area shape="circle" coords="337,300,44" title="Kahve" alt="Kahve" href="#Kahve">
</map>Kaynaklar: w3schools.com – stackoverflow.com