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
|
---
title: <mark>
slug: Web/HTML/Element/mark
tags:
- Destaque
- Elemento HTML
- HTML
- HTML5
- 'HTML:Elemento'
- Internet
- Marcação
- Rede
- Referencia
- Referência HTML
- Semántica HTML a nivel de texto
- Web
translation_of: Web/HTML/Element/mark
---
<h2 id="Sumário">Sumário</h2>
<p>O <strong>Elemento HMTL <code><mark></code> </strong> representa um trecho de destaque em um texto, por exemplo, uma sequência de texto marcado como referência, devido à sua relevância em um contexto particular. Por Exemplo, pode ser utilizado em uma página que mostra os resultados de uma busca onde todas as instâncias da palavra pesquisadas receberam destaque.</p>
<div class="note">
<p><em>Notas de Uso: </em></p>
<ul>
<li>Em uma citação ou outro tipo de bloco, O texto destacado normalmente marca o texto que é referenciado fora da citação, ou marcado para um analise específica, mesmo que o autor original não considerou importante.</li>
<li>No texto principal, o trecho destacado normalmente marca um conteúdo que pode ser de especial relevância para usuário corrente, como resultado de pesquisa.</li>
<li>Não use o o elemento <code><mark></code> para destaque de sintaxe; uso o elemento {{HTMLElement("span")}} para essa finalidade.</li>
<li>Não confunda o elemento <code><mark></code> com o elemento {{HTMLElement("strong")}} . O elemento {{HTMLElement("strong")}} é usado para denotar trechos de importância especial, quando o elemento <code><mark></code> é utilizado para denotar trechos de relevância especial.</li>
</ul>
</div>
<ul class="htmlelt">
<li><dfn><a href="/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Categorias de conteúdo</a></dfn> <a href="/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Conteúdo de Fluxo</a>, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>, palpable content.</li>
<li><dfn>Conteúdo Permitido</dfn> <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">Phrasing content</a>.</li>
<li><dfn>Omissão de Tag</dfn> {{no_tag_omission}}</li>
<li><dfn>Elementos parent permitidos</dfn>Qualquer elemento que aceite <a href="/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">phrasing content</a>.</li>
<li><dfn>DOM interface</dfn> {{domxref("HTMLElement")}}</li>
</ul>
<h2 id="Atributos">Atributos</h2>
<p><span style="line-height: 21px;">Este elemento inclue apenas </span><a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes" style="line-height: 21px;" title="HTML/Global attributes">atributos Globais</a><span style="line-height: 21px;">.</span></p>
<h2 id="Exemplo">Exemplo</h2>
<pre class="brush: html"><p>O elemento &lt;mark&gt; é usado para <mark>destacar</mark> partes do texto</p>
</pre>
<h3 id="Resultado">Resultado</h3>
<p>O elemento <mark> é usado para <mark>destacar</mark> partes do texto.</p>
<h2 id="Specifications" name="Specifications">Especificações</h2>
<table class="standard-table">
<thead>
<tr>
<th scope="col">Especificações</th>
<th scope="col">Status</th>
<th scope="col">Comentários</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-mark-element', '<mark>')}}</td>
<td>{{Spec2('HTML WHATWG')}}</td>
<td> </td>
</tr>
<tr>
<td>{{SpecName('HTML5 W3C', 'the-mark-element.html#the-mark-element', '<mark>')}}</td>
<td>{{Spec2('HTML5 W3C')}}</td>
<td> </td>
</tr>
</tbody>
</table>
<h2 id="Compatibilidade">Compatibilidade</h2>
<p>{{CompatibilityTable}}</p>
<p>{{Compat("html.elements.mark")}}</p>
<div id="compat-desktop">
<table class="compat-table">
<tbody>
<tr>
<th>Feature</th>
<th>Chrome</th>
<th>Firefox (Gecko)</th>
<th>Internet Explorer</th>
<th>Opera</th>
<th>Safari</th>
</tr>
<tr>
<td>Basic support</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>Feature</th>
<th>Android</th>
<th>Firefox Mobile (Gecko)</th>
<th>IE Mobile</th>
<th>Opera Mobile</th>
<th>Safari Mobile</th>
</tr>
<tr>
<td>Basic support</td>
<td>{{CompatUnknown}}</td>
<td>{{CompatGeckoMobile("2.0")}}</td>
<td>{{CompatUnknown}}</td>
<td>{{CompatUnknown}}</td>
<td>{{CompatUnknown}}</td>
</tr>
</tbody>
</table>
</div>
<h2 id="Veja_Também">Veja Também</h2>
<ul>
<li>Outros <a href="/en-US/docs/HTML/Text-level_semantics_elements" title="HTML/Text-level semantics elements">text-level semantics elements</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>
|
