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
158
159
|
---
title: <em>
slug: Web/HTML/Element/em
tags:
- Element
- HTML
- HTML text-level semantics
- Reference
- Web
- font-style
translation_of: Web/HTML/Element/em
---
<h2 id="Sumari">Sumari</h2>
<p>L'element HTML èmfasi <strong><em></strong> marca un text perque tingui un accent mes remarcable. L'element <code><em></code> es pot superposar-se, amb cada nivell de superposició indicar un major grau d'èmfasi.</p>
<div class="note"><strong>Nota d'ùs:</strong> En general aquest element es mostra en cursiva. No obstant això, no s'ha d'utilitzar simplement per aplicar un estil cursiva, utilitzar l'estil CSS per a aquest propòsit. Utilitzar l'element {{HTMLElement("cite")}} per marcar el títol d'una obra (llibre, joc cançó, etc.); també l'estil d'aquest és amb lletra cursiva, però té un significat diferent. Utilitzar l'element {{HTMLElement("strong")}} per marcar el text que té una major importància que el circumdant.</div>
<table class="properties">
<tbody>
<tr>
<th scope="row"><a href="/en-US/docs/Web/HTML/Content_categories">Categories de contingut</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">Contingut permès</th>
<td><a href="/en-US/docs/Web/HTML/Content_categories#Phrasing_content">Phrasing content</a>.</td>
</tr>
<tr>
<th scope="row">Omissió de l'etiqueta</th>
<td>{{no_tag_omission}}</td>
</tr>
<tr>
<th scope="row">Elements pares permesos</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">
<p>Interfície DOM</p>
<p> </p>
</th>
<td>{{domxref("HTMLElement")}} Fins Gecko 1.9.2 (Firefox 4) inclossos, Firefox implementa la interfície {{domxref("HTMLSpanElement")}} per aquest element.</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>
<p><span id="result_box" lang="ca"><span>L'element</span> <code><span><</span><span>em></span></code> <span>s'utilitza sovint</span> <span>per indicar un</span> <span>contrast</span> <span>implícit</span> <span>o explícit</span><span>.</span></span></p>
<pre class="brush: html"><p>
In HTML 5, what was previously called <em>block-level</em> content is now called <em>flow</em> content.
</p></pre>
<h3 id="Result" name="Result">Resultat</h3>
<p><span id="result_box" lang="ca"><span class="alt-edited">En HTML 5, el que abans es deia contingut en <em>bloc</em> ara es diu contingut <em>dinàmic</em>.</span></span></p>
<h2 id="<i>_vs._<em>"><i> vs. <em></h2>
<p>Sovint és confús per als nous desenvolupadors per què hi ha tants elements per expressar èmfasi en algun text. <code><i></code> i <code><em></code> són potser uns dels més comuns. Per què utilitzar <code><em></em></code> vs <code><i></i</code>> si produeixen exactament el mateix resultat, oi?.</p>
<p>No exactament. El resultat visual és, per defecte, el mateix - dues etiquetes fan el seu contingut en cursiva. Però el significat semàntic és diferent. L'etiqueta <em> representa un accent mes remarcable del seu contingut, mentre que l'etiqueta <code><i></code> representa un text que està fora de la prosa normal, tal com el nom d'una pel·lícula o un llibre, una paraula estrangera, o quan el text es refereix a la definició d'una paraula en lloc de representar el seu significat semàntic.</p>
<p>Un exemple de <code><em></code> podria ser: "Fes-ho ja!", O: "Vam haver de fer alguna cosa". Una persona o un programari, llegint el text pronunciaria les paraules en cursiva amb èmfasi.</p>
<p>Un exemple de <code><i></code> podria ser: "El <em>Queen Mary</em> va navegar ahir a la nit". Aquí, no hi ha èmfasi afegit o la importància de la paraula "Queen Mary". Merament s'indica que l'objecte en qüestió no és una reina anomenada Mary, sinó un vaixell anomenat <em>Queen Mary</em>. Un altre exemple de <code><i></code> podria ser: "La paraula la és un article".</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-em-element', '<em>')}}</td>
<td>{{Spec2('HTML WHATWG')}}</td>
<td> </td>
</tr>
<tr>
<td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-em-element', '<em>')}}</td>
<td>{{Spec2('HTML5 W3C')}}</td>
<td> </td>
</tr>
<tr>
<td>{{SpecName('HTML4.01', 'struct/text.html#h-9.2.1', '<em>')}}</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>
<h2 id="See_also" name="See_also">Veure</h2>
<ul>
<li>{{HTMLElement("i")}}</li>
</ul>
<div>{{HTMLRef}}</div>
|
