diff options
Diffstat (limited to 'files/it/web/html/element/a')
| -rw-r--r-- | files/it/web/html/element/a/index.html | 457 |
1 files changed, 457 insertions, 0 deletions
diff --git a/files/it/web/html/element/a/index.html b/files/it/web/html/element/a/index.html new file mode 100644 index 0000000000..c47883b767 --- /dev/null +++ b/files/it/web/html/element/a/index.html @@ -0,0 +1,457 @@ +--- +title: <a> +slug: Web/HTML/Element/a +tags: + - Ancora + - Collegamento + - Elemento + - HTML + - Link + - Web +translation_of: Web/HTML/Element/a +--- +<h2 id="Sommario">Sommario</h2> + +<p>L' <em>elemento</em> <em>HTML <code><a></code> </em>(o l' elemento Ancora HTML) definisce un collegamento ipertestuale, il nome dell' obbiettivo di destinazione per un collegamento ipertestuale, o entrambi.</p> + +<ul class="htmlelt"> + <li><dfn><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Aree tematiche</a></dfn> <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contenuti del flusso</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">contenuto delle espressioni</a>, contenuto interattivo, contenuto tangibile.</li> + <li><dfn>Contenuto consentito</dfn> <a href="/en-US/docs/HTML/Content_categories#Transparent_content_model" title="HTML/Content_categories#Transparent_content_model">Trasparente</a>, contenente sia <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content_categories#Flow_content">contenuti del flusso</a> sia <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">contenuto delle espressioni</a>.</li> + <li><dfn>Omissione Tag</dfn>Nessuno, sia il tag di apertura, sia quello di chiusura sono obbligatori.</li> + <li><dfn>Elementi padre consentiti</dfn> qualsiasi elemento che accetta <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">contenuto delle espressioni</a>, o qualsiasi elemento che accetta <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content_categories#Flow_content">contenuto del flusso</a>.</li> + <li><dfn>Interfaccia DOM</dfn> {{domxref("HTMLAnchorElement")}}</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("charset")}} {{obsoleteGeneric("inline","HTML5")}}</dt> + <dd>Questi attributi definiscono la codifica dei caratteri della risorsa linkata. Il valore è una lista di caratteri delimitata da spazi- e/o virgole - fissa come definito in <a class="external" href="http://tools.ietf.org/html/rfc2045" title="http://tools.ietf.org/html/rfc2045">RFC 2045</a>. Il valore di default è ISO-8859-1.</dd> + <dd> + <div class="note"> + <p><strong>Nota: </strong>Questo attributo è obsoleto in HTML5 e <strong>non dovrebbe essere usato</strong>. Per ottenere un effetto simile, usare l'header HTTP <code>Content-Type</code> sulla risorsa linkata.</p> + </div> + </dd> + <dt>{{htmlattrdef("coords")}} {{HTMLVersionInline(4)}} only, {{obsoleteGeneric("inline","HTML5")}}</dt> + <dd>Per l' uso con le forme degli oggetti, questo attibuto usa una lista di numeri separata da virgole per definire le coordinate dell'oggetto nella pagina. Il valore di questo attributo dipende dal valore dell'attributo {{htmlattrxref("shape", "a")}}.</dd> + <dd> + <table class="standard-table"> + <thead> + <tr> + <th scope="col"> + <p>Valore dell'attributo {{htmlattrxref("shape", "a")}}</p> + </th> + <th scope="col">Formato delle coordinate</th> + <th scope="col">Significato</th> + </tr> + </thead> + <tbody> + <tr> + <td><code>circle</code></td> + <td> + <p><code>x,y,z</code> </p> + </td> + <td> + <ul> + <li><code>x</code> e <code>y</code> indicano le coordinate (in pixel) del centro della circonferenza;</li> + <li><code>z</code> indica la lunghezza del raggio.</li> + </ul> + </td> + </tr> + <tr> + <td><code>rect</code></td> + <td><code>x,y,w,h</code></td> + <td> + <ul> + <li><code>x</code> e <code>y</code> indicano le coordinate dell'angolo superiore sinistro del rettangolo;</li> + <li><code>w</code> e<code> h</code> indicano rispettivamente la larghezza e l'altezza del rettangolo.</li> + </ul> + </td> + </tr> + <tr> + <td><code>polygon</code></td> + <td><code>x1,y1,x2,y2,...</code></td> + <td> + <ul> + <li>Ogni coppia di coordinate <code>x,y</code> definisce un punto del poligono; due punti consecutivi (o l'ultimo e il primo) vengono uniti da una linea.</li> + </ul> + </td> + </tr> + </tbody> + </table> + </dd> + <dt>{{htmlattrdef("datafld")}} {{Non-standard_inline}}</dt> + <dd><span id="result_box" lang="it"><span class="hps">Questo attributo specifica il</span> <span class="hps">nome della colonna</span> <span class="hps">di tale oggetto</span> <span class="hps">origine dati che</span> <span class="hps">fornisce i</span> <span class="hps">dati associati.</span></span></dd> + <dd> + <div class="note"> + <p><strong>Nota:</strong></p> + + <ul> + <li>Questo attributo è non-standard and <strong>non dovrebbe essere usato</strong>. Per ottenere un effetto simile, utilizzare un meccanismo come <code><a href="/en-US/docs/nsIXMLHttpRequest" title="XMLHttpRequest">XMLHttpRequest</a></code> per popolare dinamicamente la pagina.</li> + <li>Questo attributo è implementato solo in Internet Explorer 4, 5, 6 e 7. (<a class="external" href="http://msdn.microsoft.com/en-us/library/ms533703%28VS.85%29.aspx">Microsoft's Data Binding: dataFld Property (MSDN)</a>)</li> + </ul> + </div> + </dd> + <dt>{{htmlattrdef("datasrc")}} {{Non-standard_inline}}</dt> + <dd><span id="result_box" lang="it"><span class="hps">Questo attributo indica</span> <span class="hps">l'ID</span> <span class="hps">oggetto origine dei dati</span> <span class="hps">che fornisce</span> <span class="hps">i dati e che</span> <span class="hps">è legato</span> <span class="hps">a questo elemento</span><span>.</span></span></dd> + <dd> + <div class="note"> + <p><strong>Nota:</strong></p> + + <ul> + <li>Questo attributo è non-standard and <strong>non dovrebbe essere usato</strong>. Per ottenere un effetto simile, utilizzare un meccanismo come <code><a href="/en-US/docs/nsIXMLHttpRequest" title="XMLHttpRequest">XMLHttpRequest</a></code> per popolare dinamicamente la pagina.</li> + <li>Questo attributo è implementato solo in Internet Explorer 4, 5, 6 e 7. (<a class="external" href="http://msdn.microsoft.com/en-us/library/ms533709(VS.85).aspx" title="http://msdn.microsoft.com/en-us/library/ms533709(VS.85).aspx">Microsoft's Data Binding: dataSrc Property (MSDN)</a>)</li> + </ul> + </div> + </dd> + <dt>{{htmlattrdef("download")}} {{HTMLVersionInline(5)}}</dt> + <dd>Questo attributo, se presente, indica che l' autore intende che il collegamento ipertestuale debba essere usato per scaricare una risorsa. Se l' attributo ha un valore, il browser dovrebbe interpretarlo come il nome del file da salvare in un file system locale. Non ci sono restrizioni sui valori consentiti, ma dovresti considerare che la maggior parte dei file system hanno delle limitazioni per quanto riguarda quale punteggiatura è supportata nei nomi del file, ed i browser sono predisposti ad aggiustare il nome del file di conseguenza.</dd> + <dd> + <div class="note"> + <p><strong>Nota:</strong></p> + + <ul> + <li>Può essere usato con URL <code><a href="it/docs/Web/API/URL.createObjectURL">blob:</a></code> e <code>data:</code>, così da poter scaricare contenuti generati usando JavaScript (ad esempio un'immagine creata in un applicazione di disegno).</li> + <li>Se è presente l'header HTTP <code>Content-Disposition</code> e propone un diverso nome per il file, l'header ha la priorità su questo attributo.</li> + <li>Se l'header HTTP <code>Content-Disposition</code> ha valore <code>inline</code>, in Firefox l'header ha la precedenza, mentre in Chrome l'attributo <code>download</code>.</li> + <li>In <a href="/en-US/docs/Firefox_20_for_developers" title="/en-US/docs/Firefox_20_for_developers">Firefox 20</a> questo attributo è rispettato solo per link a risorse provenienti dalla stessa origine.</li> + </ul> + </div> + </dd> + <dt>{{htmlattrdef("href")}}</dt> + <dd><span id="result_box" lang="it"><span class="hps">Questo è</span> <span class="hps">l'unico attributo</span> <span class="hps">richiesto per</span> <span class="hps">ancore</span> <span class="hps">che definiscono</span><span class="hps"> un collegamento</span> <span class="hps">ipertestuale</span><span>.</span></span> Esso indica il link obbiettivo, sia esso un URL o un frammento di URL. Un frammento di URL è un nome (un {{htmlattrxref("id")}}) preceduto da un cancelletto (#), che specifica la posizione dell'obbiettivo nel documento corrente. Gli URL non sono limitati ai documenti web basati sul protocollo HTTP: possono essere usati con altri protocolli supportati dal browser, come <code>file</code>, <code>ftp</code>, e <code>mailto</code>.</dd> + <dd> + <div class="note"> + <p><strong>Nota:</strong> Puoi usare il frammento apposito "top" per creare un collegamento per tornare in cima alla pagina; ad esempio <code><a href="#top">Torna all'inizio</a></code>. Questo comportamento <a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html#scroll-to-fragid">è specificato in HTML5</a>.</p> + </div> + </dd> + <dt>{{htmlattrdef("hreflang")}}</dt> + <dd>Questo attributo indica la lingua della risorsa linkata. È puramente informativo. I valori permessi sono determinati dallo standard <a class="external" href="http://www.ietf.org/rfc/bcp/bcp47.txt" title="http://www.ietf.org/rfc/bcp/bcp47.txt">BCP47</a> per l'HTML5 e dallo standard <a class="external" href="http://www.ietf.org/rfc/rfc1766.txt" title="http://www.ietf.org/rfc/rfc1766.txt">RFC1766</a> per l'HTML4. Usa questo attributo solo se è presente anche l' attributo {{htmlattrxref("href", "a")}}.</dd> + <dt>{{htmlattrdef("media")}} {{HTMLVersionInline(5)}}</dt> + <dd>Questo attributo specifica in quali dispositivi utilizzare il link. Il suo valore deve essere una <a href="/en-US/docs/CSS/Media_queries" title="CSS/Media queries">media query</a>. Questo attributo è utile principalmente quando vi è un collegamento ad un foglio di stile esterno che consente allo user agent di scegliere il più adatto per il dispositivo in uso.</dd> + <dd> + <div class="note"> + <p><strong>Nota:</strong></p> + + <ul> + <li>In HTML 4 sono accettate solo descrizioni letterali (separate da uno spazio) del supporto, vale a dire <a href="/en-US/docs/CSS/@media" title="https://developer.mozilla.org/en-US/docs/CSS/@media">media types and groups</a>: <code>print</code>, <code>screen</code>, <code>aural</code>, <code>braille</code>, ... HTML 5 estende questo ad ogni tipo di <a href="/en-US/docs/CSS/Media_queries" title="CSS/Media queries">media query</a>, ossia un'estensione dei valori consentiti in HTML 4.</li> + <li><span id="result_box" lang="it"><span class="hps">I browser</span> <span class="hps">che non supportano</span> le <a href="/it/docs/CSS/Media_queries">Media Queries CSS3</a> potrebbero <span class="hps">non</span> <span class="hps">riconoscere il collegamento</span> <span class="hps">adeguato;</span> <span class="hps">non dimenticare di</span> <span class="hps">impostare collegamenti</span> <span class="hps">alternativi, usando</span> <span class="hps">l'insieme</span> <span class="hps">ristretto di</span> <span class="hps">media queries</span> <span class="hps">definite</span> <span class="hps">in HTML 4</span><span>.</span></span></li> + </ul> + </div> + </dd> + <dt>{{htmlattrdef("methods")}} {{Non-standard_inline}}</dt> + <dd><span id="result_box" lang="it"><span class="hps">Il</span> <span class="hps">valore di questo attributo</span> <span class="hps">fornisce</span> <span class="hps">informazioni sulle</span> <span class="hps">funzioni</span> <span class="hps">che possono</span> <span class="hps">essere</span> <span class="hps">eseguite su</span> <span class="hps">un oggetto</span><span>.</span> <span class="hps">I</span> <span class="hps">valori generalmente</span> <span class="hps">sono dati</span> <span class="hps">dal protocollo</span> <span class="hps">HTTP</span> <span class="hps">quando viene</span> <span class="hps">utilizzato</span><span>,</span> <span class="hps">ma potrebbe</span> <span class="atn hps">(</span><span>per</span> <span class="hps">ragioni simili a quelle</span> <span class="hps">per</span> <span class="hps">l'attributo</span> <span class="hps">title</span><span>)</span> <span class="hps">essere utile includere</span> <span class="hps">informazioni</span> <span class="hps">consultive </span><span class="hps">in anticipo</span> <span class="hps">nel collegamento</span><span>.</span> <span class="hps">Ad esempio</span><span>, il browser</span> <span class="hps">potrebbe scegliere</span> <span class="hps">un rendering</span> <span class="hps">diverso di</span> <span class="hps">un collegamento</span> <span class="hps">in funzione</span> <span class="hps">dei</span> <span class="hps">metodi specificati</span><span>, qualcosa che</span> <span class="hps">è</span> ricercabile <span class="hps">potrebbe avere</span> <span class="hps">un'icona diversa</span><span>,</span> <span class="hps">o</span> <span class="hps">un link esterno</span> <span class="hps">potrebbe essere intrerpretato </span><span class="hps">con l'indicazione</span> <span class="hps">di lasciare il</span> <span class="hps">sito corrente</span><span>.</span> <span class="hps">Questo attributo</span> <span class="hps">non è ben compreso</span> o <span class="hps">supportato neanche</span> <span class="hps">dal browser</span> che lo ha definito<span>,</span> <span class="hps">Internet Explorer 4</span><span>.</span> </span> <a class="external" href="http://msdn.microsoft.com/en-us/library/ms534168(VS.85).aspx">Methods Property (MSDN)</a></dd> + <dt>{{htmlattrdef("name")}} {{HTMLVersionInline(4)}} only, {{obsoleteGeneric("inline","HTML5")}}</dt> + <dd>Questo attributo è richiesto in un ancora che definisce una destinazione all'interno di una pagina. Il valore per il <strong>name</strong> è simile al valore per l' attributo <strong>id</strong> e deve essere un identificatore alfanumerico e univoco nel documento. Secondo la specifica specifiche HTML 4.01, l' <strong>id</strong> e il <strong>name</strong> possono entrambi essere applicati all'elemento <a>, finchè hanno lo stesso valore.</dd> + <dd> + <div class="note"> + <p><strong>Nota:</strong> Questo attributo è obsoleto in HTML5, usare l'<a href="/en-US/docs/HTML/Global_attributes#attr-id" title="HTML/Global attributes#id"> attributo globale <strong>id</strong></a>.</p> + </div> + </dd> + <dt>{{htmlattrdef("ping")}} {{HTMLVersionInline(5)}}</dt> + <dd>Se questo attributo è presente, viene mandata una notifica all'URL specificato quando l'utente segue il link.</dd> + <dt>{{htmlattrdef("rel")}}</dt> + <dd>Questo attributo specifica la relazione tra l'oggetto di destinazione e il collegamento stesso. Il suo valore è una lista di <a href="/it/docs/Web/HTML/Link_types">tipi di link</a> separati da spazi. La relazione predefinita è <code>void</code>, ossia nessuna.</dd> + <dd>Usare questo attributo solo se è presente anche l'attributo {{htmlattrxref("href", "a")}}.</dd> + <dt>{{htmlattrdef("rev")}} {{HTMLVersionInline(4)}} only, {{obsoleteGeneric("inline","HTML5")}}</dt> + <dd>Questo attributo specifica un collegamento inverso, la relazione inversa dell' attributo <strong>rel</strong>. È utile per indicare l'origine un oggetto, ad esempio il suo autore.</dd> +</dl> + +<dl> + <dt>{{htmlattrdef("shape")}} {{HTMLVersionInline(4)}} only, {{obsoleteGeneric("inline","HTML5")}}</dt> + <dd>Questo attributo è utilizzato per definire una regione selezionabile per un collegamento ipertestuale associata con una figura per creare una mappa immagine. I valori per l' attributo sono <code>circle </code>(cerchio), <code>default </code>(l'intera area a disposizione) <code>polygon </code>(poligono) e <code>rect </code>(rettangolo). Le coordinate della mappa sono definite dall'attributo {{htmlattrxref("coords", "a")}}.</dd> + <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 un'ettichetta, una finestra o un frame in linea). Le seguenti parole chiave hanno uno speciale significato: + <ul> + <li><code>_self</code>: Carica il documento nello stesso frame. Questo è il valore predefinito.</li> + <li><code>_blank</code>: Carica il documento in una nuova finestra.</li> + <li><code>_parent</code>: Carica il documento nel frameset genitore del frame corrente. Se non c'è il genitore, questa opzione si comporta allo stesso modo di <code>_self</code>.</li> + <li><code>_top</code>: Carica il documento dentro la finestra originale completa (la scheda del browser), cancellando gli altri frame. Se non c'è il genitore, questa opzione si comporta allo stesso modo di <code style="font-style: normal;">_self</code>.</li> + </ul> + Usare questo attributo solo se è presente anche l'attributo {{htmlattrxref("href", "a")}}.</dd> + <dt>{{htmlattrdef("type")}}</dt> + <dd>Questo attributo specifica il tipo della risorsa linkata, sotto forma di tipo MIME. Solitamente è fornito solo come informazione secondaria, ma in futuro i browser potrebbero aggiungere un'icona che identifichi i tipi di file (ad esempio un piccolo altoparlante quando il tipo è <code>audio/wav</code>). Per una lista completa dei tipi MIME supportati, vedere <a class="linkification-ext external" 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>. + <div> </div> + + <div>Usare questo attributo solo se è presente anche l'attributo {{htmlattrxref("href", "a")}}.</div> + </dd> + <dt>{{htmlattrdef("urn")}} {{Non-standard_inline}}</dt> + <dd>Questo attributo presumibilmente supportato da Microsoft riferisce un nome uniforme di risorsa (uniform resource name (URN)) con il collegamento. Mentre era basato su lavori standard anni addietro, il significato di URN non è più ben definito, quindi questo attributo è insignificante. <a class="external" href="http://msdn.microsoft.com/en-us/library/ms534710(VS.85).aspx">urn Property (MSDN)</a></dd> +</dl> + +<h2 id="Esempi">Esempi</h2> + +<h3 id="Collegamento_ad_un_file_esterno">Collegamento ad un file esterno</h3> + +<pre class="brush: xml"><a href="<a class="linkification-ext" href="http://www.mozilla.com/" title="Linkification: http://www.mozilla.com/">http://www.mozilla.com/</a>">Link esterno</a> +</pre> + +<h4 id="Risultato">Risultato</h4> + +<p><a class="external" href="http://www.mozilla.com/">Link esterno</a></p> + +<h3 id="Creare_un'immagine_cliccabile">Creare un'immagine cliccabile</h3> + +<p>Questo link aprirà la pagina <code>https://developer.mozilla.org/</code> in una nuova finestra, per via dell'attributo {{htmlattrxref("target", "a", "target=\"_blank\"")}}.</p> + +<pre class="brush: html"><a href="https://developer.mozilla.org/" target="_blank"> + <img src="https://mdn.mozillademos.org/files/6851/mdn_logo.png" alt="MDN"> +</a> +</pre> + +<h4 id="Risultato_2">Risultato</h4> + +<p><a href="https://developer.mozilla.org/"><img alt="MDN" src="https://mdn.mozillademos.org/files/6851/mdn_logo.png"> </a></p> + +<h3 id="Creare_un_link_ad_un'email">Creare un link ad un'email</h3> + +<p>Spesso si creano collegamenti o pulsanti che aprono il programma di email dell'utente. Per questo si usano i link <code>mailto</code>.</p> + +<p>Per altri dettagli riguardanti lo schema URL <code>mailto</code>, come ad esempio includere l'oggetto, del testo o altro contenuto, vedere i <a href="/it/docs/Web/Guide/HTML/Email_links">link Email</a> o lo standard <a href="http://tools.ietf.org/html/6068">RFC 6068</a>.</p> + +<pre class="brush: html"><a href="mailto:nowhere@mozilla.org">Invia un'email a nowhere</a></pre> + +<h4 id="Risultato_3">Risultato</h4> + +<p><a href="mailto:nowhere@mozilla.org">Invia un'email a nowhere</a></p> + +<h3 id="Usare_l'attributo_download_per_scaricare_un_<canvas>_come_PNG.">Usare l'attributo <code>download</code> per scaricare un <code><canvas></code> come PNG.</h3> + +<p>Se si vuole permettere all'utente di scaricare un elemento {{HTMLElement("canvas")}} sotto forma di immagine, si può creare un link con l'attributo {{htmlattrxref("download", "a")}} e il contenuto del <canvas> come URL del file:</p> + +<pre class="brush: html"><!-- HTML --> +<canvas id="my-canvas"></canvas> +<a id="download-image" download="disegno.png">Scarica l'immagine</a> +</pre> + +<pre class="brush: js">// JavaScript +var link = document.querySelector("#download-image"); +var canvas = document.querySelector("#my-canvas"); +link.addEventListener("click"; function () { + link.href = canvas.toDataURL(); +}, false); +</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">Commento</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-a-element', '<a>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'the-a-element.html#the-a-element', '<a>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'struct/links.html#h-12.2', '<a>')}}</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>{{CompatGeckoDesktop("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td><code>href="#top"</code></td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoDesktop("10.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>{{htmlattrxref("download","a")}}</td> + <td>14</td> + <td>{{CompatGeckoDesktop("20.0")}}</td> + <td>{{CompatNo}}</td> + <td>15</td> + <td>{{CompatNo}}</td> + </tr> + <tr> + <td>{{htmlattrxref("ping", "a")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td><a href="http://kb.mozillazine.org/Browser.send_pings">Disabilitato di default</a></td> + <td>{{CompatNo}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatNo}}</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 Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Supporto di base</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td><code>href="#top"</code></td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("10.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + <tr> + <td>{{htmlattrxref("download","a")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("20.0")}}</td> + <td>{{CompatNo}}</td> + <td>{{CompatUnknown}}</td> + <td>{{CompatUnknown}}</td> + </tr> + <tr> + <td><span style="font-size: 12px; line-height: 18px;">{{htmlattrxref("ping", "a")}}</span></td> + <td> </td> + <td><a href="http://kb.mozillazine.org/Browser.send_pings" style="font-size: 12px; line-height: 18px;">Disabilitato di default</a></td> + <td> </td> + <td> </td> + <td> </td> + </tr> + </tbody> +</table> +</div> + +<h2 id="sect1"> </h2> + +<h3 id="Nota_riguardo_a_Gecko">Nota riguardo a Gecko</h3> + +<ul> + <li>A partire da Gecko 41 (Firefox 41.0, Thunderbird 41.0, SeaMonkey 2.38), un elemento {{HTMLElement("a")}} senza l'attributo {{htmlattrxref("href", "a")}} non è classificato come contenuto interattivo. Cliccando su di esso dentro un {{HTMLElement("label")}} viene attivato il contenuto etichettato (<a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1167816">bug 1167816</a>).</li> +</ul> + +<h3 id="Click_e_focus">Click e focus</h3> + +<p>Un link ottiene il focus quando vi si clicca sopra in vari browser (come comportamento predefinito).</p> + +<h4 id="Cliccando_su_un_HTMLElement(a)_gli_si_assegna_il_focus">Cliccando su un {{HTMLElement("a")}} gli si assegna il focus?</h4> + +<table class="standard-table"> + <thead> + <tr> + <th scope="row">Browser Desktop</th> + <th scope="col">Windows 8.1</th> + <th scope="col">OS X 10.9</th> + </tr> + </thead> + <tbody> + <tr> + <th scope="row">Firefox 30.0</th> + <td style="background-color: rgb(124, 252, 0);">Sì</td> + <td style="background-color: rgb(124, 252, 0);">Sì</td> + </tr> + <tr> + <th scope="row">Chrome ≥39 (<a href="https://code.google.com/p/chromium/issues/detail?id=388666">Chromium bug 388666</a>)</th> + <td style="background-color: rgb(124, 252, 0);">Sì</td> + <td style="background-color: rgb(124, 252, 0);">Sì</td> + </tr> + <tr> + <th scope="row">Safari 7.0.5</th> + <td style="background-color: rgb(211, 211, 211);">N.a.</td> + <td style="background-color: yellow;">Solo quando ha l'attributo {{htmlattrxref("tabindex")}}</td> + </tr> + <tr> + <th scope="row">Internet Explorer 11</th> + <td style="background-color: rgb(124, 252, 0);">Sì</td> + <td style="background-color: rgb(211, 211, 211);">N.a.</td> + </tr> + <tr> + <th scope="row">Opera 12</th> + <td style="background-color: rgb(124, 252, 0);">Sì</td> + <td style="background-color: rgb(124, 252, 0);">Sì</td> + </tr> + </tbody> +</table> + +<h4 id="Toccando_un_HTMLElement(a)_gli_si_assegna_il_focus">Toccando un {{HTMLElement("a")}} gli si assegna il focus?</h4> + +<table class="standard-table"> + <thead> + <tr> + <th scope="row">Browser Mobili</th> + <th scope="col">iOS 7.1.2</th> + <th scope="col">Android 4.4.4</th> + </tr> + </thead> + <tbody> + <tr> + <th scope="row">Safari Mobile</th> + <td style="background-color: yellow;">Solo quando ha l'attributo {{htmlattrxref("tabindex")}}</td> + <td style="background-color: rgb(211, 211, 211);">N.a.</td> + </tr> + <tr> + <th scope="row">Chrome 35</th> + <td>???</td> + <td style="background-color: yellow;">Solo quando ha l'attributo {{htmlattrxref("tabindex")}}</td> + </tr> + </tbody> +</table> + +<h2 id="Note">Note</h2> + +<p>Le seguenti sono chiavi di associazione riservate per due dei maggiori browser e non devono essere usate come valori di accesso: a, c, e, f, g, h, v, freccia sinistra e freccia destra.</p> + +<p>L' HTML 3.2 definisce solo gli attributi <strong>name</strong>, <strong>href</strong>, <strong>rel</strong>, <strong>rev</strong>, e <strong>title</strong>.</p> + +<p>L' attributo <strong>target</strong> non è definito nei browser che non supportano i frame, come Netscape 1. Inoltre, target non è consentito se si utilizza la variante rigorosa (strict) dell'<a href="/it/docs/XHTML" title="XHTML">XHTML</a>, ma è limitata al frameset o alla forma "di transizione" (transitional).</p> + +<h3 id="Raccomandazioni_JavaScript">Raccomandazioni JavaScript</h3> + +<p>Succede spesso che un tag {{HTMLElement("a")}} sia usato con l'evento <code>onclick</code>. Per evitare che la pagina venga ricaricata, l'attributo {{htmlattrxref("href", "a")}} viene spesso impostato a <code>"#"</code> o a <code>"javascript:void(0)"</code>. Entrambi questi valori possono portare ad errori inaspettati quando si copiano e aprono link in una nuova scheda e/o finestra. Bisogna essere consapevoli di questo per ragioni di usabilità, e quando gli utenti usano il tag di ancoraggio, bisogna cercare di prevenire i comportamenti di default.</p> + +<h2 id="Vedi_anche">Vedi anche</h2> + +<ul> + <li>Altri elementi di espressione <a href="/it/docs/HTML/Text_level_semantics_conveying_elements" title="HTML/Text level semantics conveying elements">text-level semantics</a>: {{HTMLElement("abbr")}}, {{HTMLElement("em")}}, {{HTMLElement("strong")}}, {{HTMLElement("small")}}, {{HTMLElement("cite")}}, {{HTMLElement("q")}}, {{HTMLElement("dfn")}}, {{HTMLElement("time")}}, {{HTMLElement("code")}}, {{HTMLElement("var")}}, {{HTMLElement("samp")}}, {{HTMLElement("kbd")}}, {{HTMLElement("sub")}}, {{HTMLElement("sup")}}, {{HTMLElement("b")}}, {{HTMLElement("i")}}, {{HTMLElement("mark")}}, {{HTMLElement("ruby")}}, {{HTMLElement("rp")}}, {{HTMLElement("rt")}}, {{HTMLElement("bdo")}}, {{HTMLElement("span")}}, {{HTMLElement("br")}}, {{HTMLElement("wbr")}}.</li> +</ul> + +<div>{{HTMLRef}}</div> |