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
|
---
title: <wbr>
slug: Web/HTML/Element/wbr
translation_of: Web/HTML/Element/wbr
---
<h2 id="Resumo">Resumo</h2>
<p>O elemento HTML <code><wbr></code> representa uma posição no texto onde o navegador pode, opcionalmente, quebrar uma linha, embora suas regras de quebra de linha de outra forma não criar uma ruptura naquele local.</p>
<p>Em UTF-8 páginas codificadas, <code><wbr></code> se comporta como o <code>B L 200 </code><code>de tamanho zero ESPAÇO</code> ponto de código. Em particular, ele se comporta como um bidi Unicode BN ponto de código, o que significa que não tem efeito sobre bidi-encomenda: <code><div dir=rtl> 123, <wbr> 456 </ div></code> exibe, quando não quebrado em duas linhas, <code>123.456</code> e Não <code>456,123</code> .</p>
<p>Pela mesma razão, o <code><wbr></code> elemento não introduzir um hífen no ponto de quebra de linha. Para fazer um hífen só aparecem no final de uma linha, use a entidade suave caractere hífen ( <code>&shy;</code> ) em seu lugar.</p>
<p>Este elemento foi implementado pela primeira vez no Internet Explorer 5.5 e foi oficialmente definido no HTML5.</p>
<h2 id="Contexto_de_uso">Contexto de uso</h2>
<table class="standard-table">
<tbody>
<tr>
<td>Permitida conteúdo</td>
<td>Vazio</td>
</tr>
<tr>
<td>Tag omissão</td>
<td>Este é um elemento vazio; ele deve ter uma marca de início, mas não deve ter uma tag de fechamento.</td>
</tr>
<tr>
<td>Elementos pai permitidas</td>
<td>Qualquer elemento que aceita <a href="/en-US/docs/HTML/Content_categories#Phrasing_content">conteúdo fraseado</a> .</td>
</tr>
<tr>
<td>Documento normativo</td>
<td><a class="external" href="https://dev.w3.org/html5/spec/text-level-semantics.html#the-wbr-element">HTML 5, seção 4.6.24</a></td>
</tr>
</tbody>
</table>
<h2 id="Atributos">Atributos</h2>
<p>Este elemento só inclui os <a href="https://developer.mozilla.org/en-US/docs/HTML/Global_attributes">atributos globais </a>.</p>
<h2 id="DOM_interface">DOM interface</h2>
<p>Este elemento implementa o <a href="/en-US/docs/DOM/HTMLElement">HTMLElement</a> interface.</p>
<h2 id="Exemplo">Exemplo</h2>
<p><em><a class="external" href="https://styleguide.yahoo.com/">O Guia de Estilo Yahoo</a> </em> recomenda <a class="external" href="https://styleguide.yahoo.com/editing/treat-abbreviations-capitalization-and-titles-consistently/website-names-and-addresses">quebrar uma URL <em>antes de</em> pontuação</a> , para não deixar uma marca de pontuação no final da linha, o que o leitor pode confundir com o fim da URL.</p>
<pre class="brush: html"><p>https://this<wbr>.is<wbr>.a<wbr>.really<wbr>.long<wbr>.example<wbr>.com/With<wbr>/deeper<wbr>/level<wbr>/pages<wbr>/deeper<wbr>/level<wbr>/pages<wbr>/deeper<wbr>/level<wbr>/pages<wbr>/deeper<wbr>/level<wbr>/pages<wbr>/deeper<wbr>/level<wbr>/pages</p>
</pre>
<p>{{EmbedLiveSample ("Exemplo")}}</p>
<h2 id="Compatibilidade_do_navegador">Compatibilidade do navegador</h2>
<p>{{CompatibilityTable}}</p>
<div id="compat-desktop">
<table class="compat-table">
<tbody>
<tr>
<th>Característica</th>
<th>Cromo</th>
<th>Firefox (Gecko)</th>
<th>Internet Explorer</th>
<th>Ópera</th>
<th>Safári</th>
</tr>
<tr>
<td>Suporte básico</td>
<td>1.0</td>
<td>{{CompatGeckoDesktop ("3.0")}}</td>
<td>5.5</td>
<td>11,7</td>
<td>4.0</td>
</tr>
</tbody>
</table>
</div>
<div id="compat-mobile">
<table class="compat-table">
<tbody>
<tr>
<th>Característica</th>
<th>Andróide</th>
<th>Firefox Mobile (Gecko)</th>
<th>IE Mobile</th>
<th>Opera Mobile</th>
<th>Safari Mobile</th>
</tr>
<tr>
<td>Suporte básico</td>
<td>1.5</td>
<td>{{CompatGeckoMobile ("10.0")}}</td>
<td>?</td>
<td>{{CompatNo}}</td>
<td>{{CompatNo}}</td>
</tr>
</tbody>
</table>
</div>
<p>{{HTMLRef}}</p>
|
