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
|
---
title: <mark>
slug: Web/HTML/Element/mark
tags:
- Element
- HTML
- HTML text-level semantics
- HTML5
- Reference
- Web
translation_of: Web/HTML/Element/mark
---
<h2 id="Sumari">Sumari</h2>
<p>L'<em>element HTML marca</em> (<code><mark></code>) representa el text ressaltat, és a dir, una extensió de text marcat per a finalitats de referència, per la seva <em>rellevància</em> en un context particular. Per exemple, pot utilitzar-se en una pàgina que mostra els resultats de cerca per ressaltar cada instància de la paraula buscada.</p>
<div class="note">
<p><em>Notes d'ùs: </em></p>
<ul>
<li>En una cita o un altre bloc, el text ressaltat sol marcar el text que es fa referència fora de la cita, o marcat per a un escrutini específic encara que l'autor original no ho va considerar important.</li>
<li>En el text principal, el text ressaltat sol marcar text que pot ser d'especial rellevància per a l'activitat actual de l'usuari, com els resultats de la cerca..</li>
<li>No utilitzeu l'element <code><mark></code> per al ressaltat de sintaxi; utilitzar l'element {{HTMLElement("span")}} per a aquest fi.</li>
<li>No s'ha de confondre l'element <code><mark></code> amb l'element {{HTMLElement("strong")}}. L'element {{HTMLElement("strong")}} s'utilitza per indicar espais de text d'<em>importància</em> en el context del text, i s'utilitza l'element <code><mark></code> per designar espais de text de <em>rellevància</em> per a un context diferent.</li>
</ul>
</div>
<table class="properties">
<tbody>
<tr>
<th scope="row"><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categories de contingut</a></th>
<td><a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Contingut dinàmic</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="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/HTML/Content_categories#Phrasing_content" title="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/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">phrasing content</a>.</td>
</tr>
<tr>
<th scope="row">Interfície DOM</th>
<td>{{domxref("HTMLElement")}}</td>
</tr>
</tbody>
</table>
<h2 id="Atributs">Atributs</h2>
<p>Aquest element només inclou els<span style="line-height: 21px;"> </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributs globals</a><span style="line-height: 21px;">.</span></p>
<h2 id="Exemples">Exemples</h2>
<pre class="brush: html"><p>The &lt;mark&gt; element is used to <mark>highlight</mark> text</p>
</pre>
<h3 id="Resultat">Resultat</h3>
<p>The <mark> element is used to <mark>highlight</mark> text</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', 'semantics.html#the-mark-element', '<mark>')}}</td>
<td>{{Spec2('HTML WHATWG')}}</td>
<td> </td>
</tr>
<tr>
<td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-mark-element', '<mark>')}}</td>
<td>{{Spec2('HTML5 W3C')}}</td>
<td> </td>
</tr>
</tbody>
</table>
<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>
<p>{{CompatibilityTable}}</p>
<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</th>
</tr>
<tr>
<td>Suport bàsic</td>
<td>{{CompatVersionUnknown}}</td>
<td>{{CompatGeckoDesktop("2.0")}}</td>
<td>9.0</td>
<td>11.0</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 Mobile</th>
<th>Opera Mobile</th>
<th>Safari Mobile</th>
</tr>
<tr>
<td>Suport bàsic</td>
<td>{{CompatUnknown}}</td>
<td>{{CompatGeckoMobile("2.0")}}</td>
<td>{{CompatUnknown}}</td>
<td>{{CompatUnknown}}</td>
<td>{{CompatUnknown}}</td>
</tr>
</tbody>
</table>
</div>
<h2 id="Veure">Veure</h2>
<ul>
<li>Altres <a href="/en-US/docs/HTML/Text-level_semantics_elements" title="HTML/Text-level semantics elements">elements a nivell de text, semàntica</a>: {{HTMLElement("a")}}, {{HTMLElement("em")}}, {{HTMLElement("strong")}}, {{HTMLElement("cite")}}, {{HTMLElement("q")}}, {{HTMLElement("dfn")}}, {{HTMLElement("abbr")}}, {{HTMLElement("time")}}, {{HTMLElement("code")}}, {{HTMLElement("var")}}, {{HTMLElement("samp")}}, {{HTMLElement("kbd")}}, {{HTMLElement("sub")}}, {{HTMLElement("sup")}}, {{HTMLElement("i")}}, {{HTMLElement("b")}}, {{HTMLElement("mark")}}, {{HTMLElement("ruby")}}, {{HTMLElement("rp")}}, {{HTMLElement("rt")}}, {{HTMLElement("bdo")}}, {{HTMLElement("span")}}, {{HTMLElement("br")}}, {{HTMLElement("wbr")}}.</li>
</ul>
<p>{{HTMLRef}}</p>
|
