diff options
Diffstat (limited to 'files/pt-br/web/html/element/wbr/index.html')
| -rw-r--r-- | files/pt-br/web/html/element/wbr/index.html | 106 |
1 files changed, 106 insertions, 0 deletions
diff --git a/files/pt-br/web/html/element/wbr/index.html b/files/pt-br/web/html/element/wbr/index.html new file mode 100644 index 0000000000..f7f8e7e480 --- /dev/null +++ b/files/pt-br/web/html/element/wbr/index.html @@ -0,0 +1,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> |