diff options
Diffstat (limited to 'files/it/web/html/element/i/index.html')
| -rw-r--r-- | files/it/web/html/element/i/index.html | 115 |
1 files changed, 115 insertions, 0 deletions
diff --git a/files/it/web/html/element/i/index.html b/files/it/web/html/element/i/index.html new file mode 100644 index 0000000000..3d19bf5fe5 --- /dev/null +++ b/files/it/web/html/element/i/index.html @@ -0,0 +1,115 @@ +--- +title: <i> +slug: Web/HTML/Element/i +translation_of: Web/HTML/Element/i +--- +<p>L' <strong>elemento HTML <code><i></code> </strong>rappresenta un testo distinto dal testo normale per qualche ragione, come nel caso di termini tecnici, stranieri, ecc. E' tipicamente visualizzato in corsivo.</p> + +<div>{{EmbedInteractiveExample("pages/tabbed/i.html", "tabbed-shorter")}}</div> + + + +<table class="properties"> + <tbody> + <tr> + <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories">Categorie di contenuti</a></th> + <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Contenuto di flusso</a> , <a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">contenuto di</a><a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">frasi</a> , contenuto palpabile.</td> + </tr> + <tr> + <th scope="row">Contenuto consentito</th> + <td><a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">Phrasing content</a>.</td> + </tr> + <tr> + <th scope="row">Tag omission</th> + <td>{{no_tag_omission}} - Nessuna, sia il tag di apertura che quello di chiusura sono obbligatori.</td> + </tr> + <tr> + <th scope="row">Parents accettati</th> + <td>Qualsiasi elemento che accetta <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">contenuti di frasi</a> .</td> + </tr> + <tr> + <th scope="row">ARIA roles accettati</th> + <td>Qualunque</td> + </tr> + <tr> + <th scope="row">Interfaccia DOM</th> + <td> + <p><code><a href="/it/docs/Web/API/HTMLElement">HTMLElement</a> </code>Fino a Gecko 1.9.2 (Firefox 4) incluso. Firefox implementa l'<code><a href="/it/docs/Web/API/HTMLSpanElement">HTMLSpanElement</a>, </code>l<code>'</code>interfaccia per questo elemento.</p> + </td> + </tr> + </tbody> +</table> + +<h2 id="Attributi">Attributi</h2> + +<p>Questo elemento include soltanto <a href="/en-US/docs/Web/HTML/Global_attributes">attributi globali</a>.</p> + +<h2 id="Note_di_utilizzo">Note di utilizzo</h2> + +<ul> + <li>Utilizzare l' <code><i></code>elemento per il testo che viene separato dalla prosa normale per motivi di leggibilità. Questa sarebbe una gamma di testo con un significato semantico diverso rispetto al testo circostante.</li> + <li>Nelle versioni precedenti della specifica HTML, l' <code><i> </code>elemento era semplicemente un elemento di presentazione utilizzato per visualizzare il testo in corsivo, proprio come l' <code><b> </code>elemento utilizzato per visualizzare il testo in grassetto. Questo non è più vero, poiché questi tag ora definiscono la semantica piuttosto che l'aspetto tipografico. In genere un browser visualizza ancora il contenuto dell'elemento <i> in tipo corsivo, ma per definizione non è più necessario.</li> + <li>In genere questo elemento è visualizzato in tipo corsivo. Tuttavia, non dovrebbe essere usato semplicemente per applicare lo stile corsivo; utilizzare la <code><a href="/it/docs/Web/CSS/font-style">font-style</a> </code>proprietà CSS per questo scopo.</li> + <li>Assicurati che il testo in questione non sia effettivamente più appropriato per un altro elemento. + <ul> + <li>Utilizzare <code><a href="/it/docs/Web/HTML/Element/em"><em></a> </code>per indicare l'enfasi sullo stress.</li> + <li>Utilizzare <code><a href="/it/docs/Web/HTML/Element/strong"><strong></a> </code>per indicare una maggiore importanza.</li> + <li>Utilizzare <code><a href="/it/docs/Web/HTML/Element/mark"><mark></a> </code>per indicare la pertinenza.</li> + <li>Utilizzare <code><a href="/it/docs/Web/HTML/Element/cite"><cite></a> </code>per contrassegnare il nome di un'opera, ad esempio un libro, una riproduzione o una canzone.</li> + <li>Utilizzare <code><a href="/it/docs/Web/HTML/Element/dfn"><dfn></a> </code>per contrassegnare l'istanza di definizione di un termine.</li> + </ul> + </li> + <li>È consigliabile utilizzare l' attributo <strong>class</strong> per identificare il motivo dell'utilizzo dell'elemento, in modo che se la presentazione debba essere modificata in un secondo momento, può essere eseguita in modo selettivo con i fogli di stile.</li> +</ul> + +<h2 id="Esempio">Esempio</h2> + +<p>Questo esempio mostra l'uso dell'elemento <code><i></code> per contrassegnare il testo di un'altra lingua.</p> + +<pre class="brush: html"><p>La frase latina <i class="latin">Veni, vidi, vici</i> è spesso menzionata in musica, arte e letteratura.</p> +</pre> + +<h3 id="Risultato">Risultato</h3> + +<p>La frase latina <em>Veni, vidi, vici</em> è spesso menzionata in musica, arte e letteratura.</p> + +<h2 id="Specificazioni">Specificazioni</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Specificazioni</th> + <th scope="col">Stato</th> + <th scope="col">Commento</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-i-element', '<i>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td></td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-i-element', '<i>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td></td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'present/graphics.html#h-15.2.1', '<b>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td></td> + </tr> + </tbody> +</table> + +<h2 id="Compatibilità_Browser">Compatibilità Browser</h2> + + + +<p>{{Compat("html.elements.i")}}</p> + +<h2 id="Vedi_anche">Vedi anche </h2> + +<ul> + <li><a href="/it/docs/Web/HTML/Element/em"><code><em></code></a></li> +</ul> |