diff options
Diffstat (limited to 'files/pt-br/web/html/element/b/index.html')
| -rw-r--r-- | files/pt-br/web/html/element/b/index.html | 120 |
1 files changed, 120 insertions, 0 deletions
diff --git a/files/pt-br/web/html/element/b/index.html b/files/pt-br/web/html/element/b/index.html new file mode 100644 index 0000000000..7033ed49f6 --- /dev/null +++ b/files/pt-br/web/html/element/b/index.html @@ -0,0 +1,120 @@ +--- +title: <b> +slug: Web/HTML/Element/b +tags: + - Elemento + - HTML + - Reference + - Web +translation_of: Web/HTML/Element/b +--- +<h2 id="Resumo">Resumo</h2> +<p>O <strong>elemento HTML <b></strong> representa um intervalo de texto estilísticamente diferente do texto normal, sem transmitir qualquer importância ou relevância. Ele é geralmente usado para destacar palavras-chaves em um resumo, nomes de produtos em um comentário ou outros vãos de texto cuja a apresentação típica seria negrito. Outro exemplo de seu uso é como marcação da frase principal de cada paragrafo de um artigo.</p> +<div class="note"> + <p><strong>Notas de Uso:</strong></p> + <ul> + <li>Não confunda o elemento <b> com os elementos {{HTMLElement("strong")}} , {{HTMLElement("em")}} ou {{HTMLElement("mark")}} . O elemento {{HTMLElement("strong")}} representa um texto com importância, {{HTMLElement("em")}} coloca alguma ênfase no texto e o elemento {{HTMLElement("mark")}} representa o texto relevante. O elemento <b> não transmite essa informação semântica especial. Você deve usá-lo apenas quando os outros elementos citados não se encaixam na situação.</li> + <li>Também não é recomendado marcar títulos de cabeçalhos usando o elemento <b>. Para isso, use as tags {{HTMLElement("h1")}} até {{HTMLElement("h6")}}. usando essas tags você terá liberdade de mudar o estilo padrão dos elementos e não ficará preso ao negrito do elemento <b>.</li> + <li>É uma boa prática usar o atributo de classe <b>, a fim de transmitir informação semântica adicional. Isso facilita o desenvolvimento de várias "stylings" de um documento web, sem a necessidade de alterar o seu código HTML.</li> + <li>Historicamente, o elemento <b> foi criado para fazer o texto ficar em negrito. Porém as informações de estilo ficou obsoleta desde o HTML4, de modo que significado da tag <b> foi alterado.</li> + <li>Se não a propósito semântico sobre o uso do elemento <b>, usar a propriedade css <a href="https://developer.mozilla.org/en-US/docs/CSS/font-weight" title="font-weight">font-weight</a> com algum volume seria uma escolha melhor para fazer o texto ficar em negrito.</li> + </ul> +</div> +<ul class="htmlelt"> + <li><dfn><a href="https://developer.mozilla.org/en-US/docs/HTML/Content_categories" title="HTML/Content_categories">Content categories</a></dfn> <a href="https://developer.mozilla.org/en-US/docs/HTML/Content_categories#Flow_content" title="HTML/Content categories#Flow content">Flow content</a>, <a href="https://developer.mozilla.org/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content categories#Phrasing content">phrasing content</a>, palpable content.</li> + <li><dfn>Permitted content</dfn> <a href="https://developer.mozilla.org/en-US/docs/HTML/Content_categories#Phrasing_content" title="HTML/Content_categories#Phrasing_content">Phrasing content</a>.</li> + <li><dfn>Tag omission</dfn> {{no_tag_omission}}</li> + <li><dfn>Permitted parent elements</dfn> Any element that accepts <a href="https://developer.mozilla.org/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")}} Up to Gecko 1.9.2 (Firefox 4) inclusive, Firefox implements the <a href="https://developer.mozilla.org/en-US/docs/DOM/span" title="DOM/span"><code>HTMLSpanElement</code></a> interface for</li> +</ul> +<h2 id="Atributos">Atributos</h2> +<p>Este elemento só inclui os <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> + Este artigo descreve vários <b>níveis de texto</b>. Ele explica a utilização do elemento em um documento <b>HTML</b>. +</p> +Palavras-chave são exibidas com o estilo padrão do elemento <b>, provavelmente em negrito. +</pre> +<h3 id="Resultado">Resultado</h3> +<p>Este artigo descreve vários<strong> níveis de texto</strong>. Ele explica a utilização do elemento em um documento <strong>HTML</strong>.</p> +<p>Palavras-chave são exibidas com o estilo padrão do elemento <b>, provavelmente em negrito.</p> +<h2 id="Specifications" name="Specifications">Especificações</h2> +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Especificaçoes</th> + <th scope="col">Estado</th> + <th scope="col">Comentário</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('HTML WHATWG', 'text-level-semantics.html#the-b-element', '<b>')}}</td> + <td>{{Spec2('HTML WHATWG')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML5 W3C', 'text-level-semantics.html#the-b-element', '<b>')}}</td> + <td>{{Spec2('HTML5 W3C')}}</td> + <td> </td> + </tr> + <tr> + <td>{{SpecName('HTML4.01', 'present/graphics.html#h-15.2.1', '<b>')}}</td> + <td>{{Spec2('HTML4.01')}}</td> + <td> </td> + </tr> + </tbody> +</table> +<h2 id="Navegadores_Compatíveis">Navegadores Compatíveis</h2> +<p>{{CompatibilityTable}}</p> +<div id="compat-desktop"> + <table class="compat-table"> + <tbody> + <tr> + <th>Recurso</th> + <th>Chrome</th> + <th>Firefox (Gecko)</th> + <th>Internet Explorer</th> + <th>Opera</th> + <th>Safari</th> + </tr> + <tr> + <td>Suporte Basico</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoDesktop("1.0")}}</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>Recurso</th> + <th>Android</th> + <th>Firefox Mobile (Gecko)</th> + <th>IE Mobile</th> + <th>Opera Mobile</th> + <th>Safari Mobile</th> + </tr> + <tr> + <td>Suporte Basico</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatGeckoMobile("1.0")}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + <td>{{CompatVersionUnknown}}</td> + </tr> + </tbody> + </table> +</div> +<h2 id="Veja_Também">Veja Também</h2> +<ul> + <li>Outros elementos de transporte <a href="/en-US/docs/HTML/Text_level_semantics_conveying_elements" title="HTML/Text level semantics conveying elements">text-level semantics</a>: {{HTMLElement("a")}}, {{HTMLElement("em")}}, {{HTMLElement("strong")}}, {{HTMLElement("small")}}, {{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("mark")}}, {{HTMLElement("ruby")}}, {{HTMLElement("rp")}}, {{HTMLElement("rt")}}, {{HTMLElement("bdo")}}, {{HTMLElement("span")}}, {{HTMLElement("br")}}, {{HTMLElement("wbr")}}.</li> + <li><a class="external" href="http://www.w3.org/International/questions/qa-b-and-i-tags">Using <b> and <i> elements (W3C)</a></li> +</ul> +<div> + {{HTMLRef}}</div> |