---
title: <area>
slug: Web/HTML/Element/area
translation_of: Web/HTML/Element/area
---
<h2 id="Sommario">Sommario</h2>

<p>L'elemento HTML<em> </em><code>&lt;area&gt;</code><em> </em>definisce una regione accessibile su di un immagine, e opzionalmente viene associata con un collegamento ipertestuale. Questo elemento è usato solo con l'elemento {{HTMLElement("map")}}.</p>

<ul class="htmlelt">
 <li><dfn><a href="https://developer.mozilla.org/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Aree tematiche</a></dfn> <a href="https://developer.mozilla.org/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contenuti di flusso</a>, <a href="https://developer.mozilla.org/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">contenuto delle espressioni</a>.</li>
 <li><dfn>Contenuto consentito</dfn> Vuoto; è un elemento nullo.</li>
 <li><dfn>Omissione Tag</dfn> Nessuna, sia il tag di apertura, sia quello di chiusura sono obbligatori.</li>
 <li><dfn>Elementi padre consentiti</dfn> Qualsiasi elemento che accetta <a href="https://developer.mozilla.org/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">contenuto delle espressioni</a>. L'elemento <code>&lt;area&gt;</code> deve avere un antenato {{HTMLElement("map")}}, ma che non necessita essere un genitore diretto.</li>
 <li><dfn>Interfaccia DOM</dfn> {{domxref("HTMLAreaElement")}}</li>
</ul>

<h2 id="Attributi">Attributi</h2>

<p><span style="line-height: 21px;">Questo elemento include gli </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">attributi globali</a><span style="line-height: 21px;">.</span></p>

<dl>
 <dt>{{htmlattrdef("accesskey")}} {{HTMLVersionInline("4")}} only, {{obsolete_inline("5.0")}}</dt>
 <dd>Specifica un acceleratore per la navigazione da tastiera per l'elemento. Premendo ALT, o una chiave simile, e contemporaneamente uno specifico carattere, si seleziona il comportamento correlato con quella specifica sequenza digitata. Chi disegna la pagina deve evitare sequenze riservate al browser. Questo attributo è globale a partire dalle specifiche HTML5.</dd>
</dl>

<dl>
 <dt>{{htmlattrdef("alt")}}</dt>
 <dd>Una stringa di testo alternativa da visualizzare sui browser che non mostrano le immagini. Il testo dovrebbe essere tale da garantire all'utente lo stesso tipo di scelte che avrebbe visualizzando l'immagine senza il testo alternativo. In HTML4, questo attributo è necessario, ma potrebbe essere anche una stringa vuota (""). In HTML5, questo attributo è richiesto solo se presente l'attributo<strong> href</strong>.</dd>
</dl>

<dl>
 <dt>{{htmlattrdef("coords")}}</dt>
 <dd>Una serie di valori che specificano le coordinate di una regione selezionabile. Il numero ed il significato dei valori dipendono dal valore specificato per l'attributo <strong>shape</strong>. Per un <code>rect</code> o forma rettangolare, il valore di <strong>coords</strong> consiste in due coppie x,y: sinistra, su, destra e giù. Per un <code>circle</code> o forma circolare, i valori sono <code>x,y,r</code> dove <code>x,y</code> è la coppia di coordinate che specifica il centro del cerchio e <code>r</code> è il valore del raggio. Per un <code>poly</code> o forma poligonale, il valore è un insieme di coppie x,y per ogni punto nel poligono: <code>x1,y1,x2,y2,x3,y3,</code> ecc... In HTML4, i valori sono il numero di pixels o una percentuale, se il numero è seguito dal relativo simbolo (%); in HTML5, i valori sono il numero dei pixel CSS.</dd>
</dl>

<dl>
 <dt>{{htmlattrdef("href")}}</dt>
 <dd>L'obiettivo del collegamento ipertestuale dell'area. Il suo valore è un URL valido. In HTML4, sia questo che l'attibuto <strong>nohref</strong> devono essere presenti nell'elemento. In HTML5, questo attributo può essere omesso; se così fosse, l'elemento area non rappresenta un collegamento ipertestuale.</dd>
</dl>

<dl>
 <dt>{{htmlattrdef("hreflang")}} {{HTMLVersionInline("5")}}</dt>
 <dd>Indica la lingua della risorsa linkata. I valori consentiti sono determinati dal <a class="external" href="http://www.ietf.org/rfc/bcp/bcp47.txt" title="http://www.ietf.org/rfc/bcp/bcp47.txt">BCP47</a>. Questo attributo si può utilizzare se contestualmente presente l'attributo <strong>href</strong>.</dd>
</dl>

<dl>
 <dt>{{htmlattrdef("name")}} {{HTMLVersionInline("4")}} only, {{obsolete_inline("5.0")}}</dt>
 <dd>Definisce un nome per l'area selezionabile così da poterci eseguire uno script da parte dei vecchi browser.</dd>
</dl>

<dl>
 <dt>{{htmlattrdef("media")}} {{HTMLVersionInline("5")}}</dt>
 <dd>Un suggerimento in merito al mezzo di comunicazione per il quale la risorsa è stata disegnata, ad esempio <code>print </code>(stampa) o <code>screen</code>. (schermo). Se omesso, di default viene settato su <code>all </code>(tutti). Utilizzare questo attributo solo se contestualmente presente <strong>href</strong>.</dd>
</dl>

<dl>
 <dt>{{htmlattrdef("nohref")}} {{HTMLVersionInline("4")}} only, {{obsolete_inline("5.0")}}</dt>
 <dd>Indica che non esiste un collegamento ipertestuale in associazione all'area. <span id="result_box" lang="it"><span class="hps">O questo</span> <span class="hps">attributo o</span> <span class="hps">l'attributo</span> <strong><span class="hps">href</span></strong> <span class="hps">deve essere presente</span> <span class="hps">nell'elemento</span><span>.</span></span>
 <div class="note">
 <p><strong>Note d'uso: </strong>Questo attributo è obsoleto in HTML5, in quanto è sufficiente omettere l'attributo <strong>href</strong>.</p>
 </div>
 </dd>
</dl>

<dl>
 <dt>{{htmlattrdef("rel")}} {{HTMLVersionInline("5")}}</dt>
 <dd>Per le ancore che contengono l' attributo <strong>href</strong>, questo attributo specifica la relazione tra l' oggetto di destinazione e l' oggetto del collegamento. Il valore è una lista di valori di relazione separata da spazi. I valori e la loro semantica saranno registrati da qualche autorità che potrebbe avere senso per l' autore del documento. La relazione di default, se nessun altra è stata impostata, è void (vuoto/nullo). Usare questo attributo solo se presente l' attributo <strong>href</strong>.</dd>
 <dt>{{htmlattrdef("shape")}}</dt>
 <dd>La forma della regione selezionabile associata. Le specifiche per l'HTML 5 e l'HTML 4 definiscono i valori <code>rect</code>, che definisce una regione rettangolare; <code>circle</code>, che definisce una regione circolare; <code>poly</code>, che definisce un generico poligono; e <code>default</code>, che indica l'intera regione al di là della forma definita. Molti browser, in particolare Internet Explorer 4 e superiori, supportano <code>circ</code>, <code>polygon</code>, e <code>rectangle</code> come valori validi per <strong>shape</strong>; questi valori sono {{Non-standard_inline}}.</dd>
</dl>

<dl>
 <dt>{{htmlattrdef("tabindex")}} {{HTMLVersionInline("4")}} only, {{obsolete_inline("5.0")}}</dt>
 <dd>Un valore numerico che specifica la posizione nella tabulazione ordinata definita nel browser. Questo è un attributo globale in HTML5.</dd>
</dl>

<dl>
 <dt>{{htmlattrdef("target")}}</dt>
 <dd>Questo attributo specifica dove deve essere visualizzata la risorsa linkata. In HTML4, questo è il nome, o una parola chiave, per una cornice (frame). In HTML5, è il nome, o parola chiave, di un contesto di navigazione (<em>browsing context</em> )(per esempio, ettichetta, finestra o frame in linea). Le seguenti parole chiave hanno uno speciale significato:
 <ul>
  <li><code>_self</code>: Carica la risposta nella medesima cornice HTML4 (o contesto di navigazione HTML5) come quella attuale. Questo valore è impostato di default se l' attributo non è specificato.</li>
  <li><code>_blank</code>: Carica la risposta in una nuova finestra senza nome nella finestra HTML4 o un nuovo contesto di navigazione HTML5.</li>
  <li><code>_parent</code>: Carica la risposta nel frameset genitore del frame corrente in HTML4 oppure il contesto di navigazione genitore del corrente in HTML5. Se non ci fosse il genitore, questa opzione si comporta allo stesso modo di <code>_self</code>.</li>
  <li><code>_top</code>: In HTML4: Carica la risposta dentro la finestra originale completa, cancellando gli altri frame. In HTML5: Carica la risposta nel primo livello del contesto di navigazione (cioè, il contesto di navigazione che è un antenato di quello corrente, e non ha padre). Se non ha padre, il comportamento di questa opzione coincide con <code>_self</code>.</li>
 </ul>
 Usa questo attributo solo se presente l' attributo <strong>href</strong>.</dd>
 <dt>{{htmlattrdef("type")}}</dt>
 <dd><span id="result_box" lang="it"><span class="hps">Questo attributo specifica il</span> <span class="hps">tipo di supporto</span><span>, sotto forma di</span> <span class="hps">un tipo MIME</span> <span class="hps">per la</span> <span class="hps">destinazione del collegamento</span></span>. <span id="result_box" lang="it"><span class="hps">In generale</span><span>,</span> <span class="hps">questo è fornito</span> <span class="hps">esclusivamente come</span> <span class="alt-edited hps">informazione</span> <span class="alt-edited hps">consultiva</span></span>; tuttavia, in futuro un browser potrebbe aggiungere una picco icona per i tipi multimediali. Per esempio, un browser potrebbe aggiungere una piccola icona con un microfono queando il tipo è settato come audio/wav. Per una lista completa dei tipi MIME riconosciuti, consulta <a class="external linkification-ext" href="http://www.w3.org/TR/html4/references.html#ref-MIMETYPES" title="Linkification: http://www.w3.org/TR/html4/references.html#ref-MIMETYPES">http://www.w3.org/TR/html4/references.html#ref-MIMETYPES</a>. Usa questo attributo solo se presente l' attributo <strong>href</strong>.</dd>
</dl>

<h2 id="Esempio">Esempio</h2>

<pre class="brush: html">&lt;map name="primary"&gt;
  &lt;area shape="circle" coords="200,250,25" href="another.htm" /&gt;
  &lt;area shape="default" nohref /&gt;
&lt;/map&gt;
</pre>

<h2 id="Specifications" name="Specifications">Specifiche</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Specifica</th>
   <th scope="col">Stato</th>
   <th scope="col">Commenti</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName('HTML WHATWG', 'the-map-element.html#the-area-element', '&lt;area&gt;')}}</td>
   <td>{{Spec2('HTML WHATWG')}}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5 W3C', 'the-area-element.html#the-area-element', '&lt;area&gt;')}}</td>
   <td>{{Spec2('HTML5 W3C')}}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{SpecName('HTML4.01', 'struct/objects.html#h-13.6.1', '&lt;area&gt;')}}</td>
   <td>{{Spec2('HTML4.01')}}</td>
   <td> </td>
  </tr>
 </tbody>
</table>

<h2 id="Compatibilità_dei_Browser">Compatibilità dei Browser</h2>

<p>{{CompatibilityTable}}</p>

<div id="compat-desktop">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Funzionalità</th>
   <th>Chrome</th>
   <th>Firefox (Gecko)</th>
   <th>Internet Explorer</th>
   <th>Opera</th>
   <th>Safari</th>
  </tr>
  <tr>
   <td>Supporto di base</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
  </tr>
 </tbody>
</table>
</div>

<div id="compat-mobile">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Funzionalità</th>
   <th>Android</th>
   <th>Firefox Mobile (Gecko)</th>
   <th>IE Mobile</th>
   <th>Opera Mini</th>
   <th>Opera Mobile</th>
   <th>Safari Mobile</th>
  </tr>
  <tr>
   <td>Supporto di base</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
   <td>{{CompatUnknown}}</td>
  </tr>
 </tbody>
</table>
</div>

<h2 id="Note">Note</h2>

<ul>
 <li>Nelle specifiche HTML 3.2, 4.0, e 5, il tag di chiusura <code>&lt;/area&gt;</code> è proibito.</li>
 <li>Le specifiche XHTML 1.0 richiedono una barra finale: <code>&lt;area /&gt;</code>.</li>
 <li>Gli attributi <strong>id</strong>, <strong>class</strong>, e <strong>style</strong> hanno il medesimo significato attribuito nelle specifiche HTML 4, ma vengono definiti solo da Netscape e Microsoft.</li>
 <li>I browser Netscape di livello 1 non interpretano l'attributo <strong>target</strong> quando riferito ad un frame.</li>
 <li>HTML 3.2 definisce solo <strong>alt</strong>, <strong>coords</strong>, <strong>href</strong>, <strong>nohref</strong>, e <strong>shape</strong>.</li>
</ul>

<p>{{HTMLRef}}</p>