files/ca/web/html/element/i/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157

---
title: <i>
slug: Web/HTML/Element/i
tags:
  - Element
  - HTML
  - HTML text-level semantics
  - Reference
  - Web
  - em
  - font-style
translation_of: Web/HTML/Element/i
---
<h2 id="Sumari">Sumari</h2>

<p>L'<strong>Element HTML <code>&lt;i&gt;</code></strong> representa un rang de text que es desvia del text normal, per alguna raó, per exemple, termes tècnics, frases en llengües estrangeres, o pensaments de personatges de ficció. En general es mostra en cursiva</p>

<table class="properties">
 <tbody>
  <tr>
   <th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories">Content categories</a></th>
   <td><a href="/en-US/docs/Web/HTML/Content_categories#Flow_content">Contingut dinàmic</a>, <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">phrasing content</a>, contingut palpable.</td>
  </tr>
  <tr>
   <th scope="row">Permitted content</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}}</td>
  </tr>
  <tr>
   <th scope="row">Permitted parent elements</th>
   <td>Qualsevol element que accepti <a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">phrasing content</a>.</td>
  </tr>
  <tr>
   <th scope="row">DOM interface</th>
   <td>{{domxref("HTMLElement")}} Fins Gecko 1.9.2 (Firefox 4) inclòs, Firefox implementa per aquest element la {{domxref("HTMLSpanElement")}} interfície.</td>
  </tr>
 </tbody>
</table>

<h2 id="Atributs">Atributs</h2>

<p>Aquest element només inclou els <a href="/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</p>

<h2 id="Exemple">Exemple</h2>

<pre class="brush: html">&lt;p&gt;The Latin phrase &lt;i&gt;Veni, vidi, vici&lt;/i&gt; is often mentioned in music, art, and literature&lt;/p&gt;
</pre>

<h3 id="Result" name="Result">Resultat</h3>

<p>The Latin phrase <em>Veni, vidi, vici</em> is often mentioned in music, art, and literature</p>

<h2 id="Notes">Notes</h2>

<p>En versions anteriors de l'especificació HTML, l'etiqueta <code>&lt;i&gt;</code> era merament un element de presentació utilitzada per mostrar text en cursiva, igual que l'etiqueta <code>&lt;b&gt;</code> s'utilitza per mostrar text en negreta. Això ja no és així, ja que aquestes etiquetes ara defineixen la semàntica més que l'aparença tipogràfica. L'etiqueta <code>&lt;i&gt;</code> ha de representar un rang de text amb un significat semàntic diferent a la representació tipogràfica típica en cursiva. Això significa que un navegador continuarà tot i així mostrant el seu contingut en lletra cursiva, però per definició ja no cal.</p>

<p><span id="result_box" lang="ca"><span>Utilitzeu</span> <span>aquest</span> <span>element</span> <span>només quan</span> <span>no hi ha un</span> <span>element</span> <span>semàntic</span> <span>més</span> <span>apropiat.</span> <span>Per exemple:</span></span></p>

<ul>
 <li>Utilitza {{HTMLElement("em")}} per indicar èmfasi o accent remarcable.</li>
 <li>Utilitza {{HTMLElement("strong")}} per indicar importància.</li>
 <li>Utilitza {{HTMLElement("mark")}} per indicar rellevància.</li>
 <li>Utilitza {{HTMLElement("cite")}} per marcar el nom d'una obra, com un llibre, joc o una cançó.</li>
 <li>Utilitza {{HTMLElement("dfn")}} per marcar la instància definitòria d'un terme.</li>
</ul>

<p>És una bona idea l'ùs de l'atribut <strong>class</strong> per identificar per què s'utilitza l'element, de manera que si la presentació ha de canviar en una data posterior, es pugui fer de forma selectiva amb els fulls d'estil.</p>

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

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Especificació</th>
   <th scope="col">Estat</th>
   <th scope="col">Comentari</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-i-element', '&lt;i&gt;')}}</td>
   <td>{{Spec2('HTML WHATWG')}}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-i-element', '&lt;i&gt;')}}</td>
   <td>{{Spec2('HTML5 W3C')}}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{SpecName('HTML4.01', 'present/graphics.html#h-15.2.1', '&lt;b&gt;')}}</td>
   <td>{{Spec2('HTML4.01')}}</td>
   <td> </td>
  </tr>
 </tbody>
</table>

<h2 id="Browser_compatibility" name="Browser_compatibility">Navegadors compatibles</h2>

<div>{{CompatibilityTable}}</div>

<div id="compat-desktop">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Característica</th>
   <th>Chrome</th>
   <th>Firefox (Gecko)</th>
   <th>Internet Explorer</th>
   <th>Opera</th>
   <th>Safari (WebKit)</th>
  </tr>
  <tr>
   <td>Suport bàsic</td>
   <td>1.0</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>Característica</th>
   <th>Android</th>
   <th>Firefox Mobile (Gecko)</th>
   <th>IE Phone</th>
   <th>Opera Mobile</th>
   <th>Safari Mobile</th>
  </tr>
  <tr>
   <td>Suport bàsic</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
   <td>{{CompatVersionUnknown}}</td>
  </tr>
 </tbody>
</table>
</div>

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

<h2 id="See_also" name="See_also">Veure</h2>

<ul>
 <li>{{HTMLElement("em")}}</li>
</ul>