Qual col significa o 1 vig e por quê

Resumo

O elemento HTML <b> 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.

Note: Notas de Uso:

• Não confunda o elemento <b> com os elementos <strong> , <em> ou <mark> . O elemento <strong> representa um texto com importância, <em> coloca alguma ênfase no texto e o elemento <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.
• Também não é recomendado marcar títulos de cabeçalhos usando o elemento <b>. Para isso, use as tags <h2> (en-US) até <h6> (en-US). usando essas tags você terá liberdade de mudar o estilo padrão dos elementos e não ficará preso ao negrito do elemento <b>.
• É 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.
• 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.
• Se não a propósito semântico sobre o uso do elemento <b>, usar a propriedade css font-weight (en-US) com algum volume seria uma escolha melhor para fazer o texto ficar em negrito.

• Content categories (en-US) Flow content (en-US), phrasing content (en-US), palpable content.
• Permitted content Phrasing content (en-US).
• Tag omission None, both the starting and ending tag are mandatory.
• Permitted parent elements Any element that accepts phrasing content (en-US).
• DOM interface HTMLElement Up to Gecko 1.9.2 (Firefox 4) inclusive, Firefox implements the HTMLSpanElement interface for

Atributos

Este elemento só inclui os atributos globais (en-US).

Exemplo

<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.

Resultado

Este artigo descreve vários níveis de texto. Ele explica a utilização do elemento em um documento HTML.

Palavras-chave são exibidas com o estilo padrão do elemento <b>, provavelmente em negrito.

Especificações

Veja Também

• Outros elementos de transporte text-level semantics: <a>, <em>, <strong>, <small> (en-US), <cite>, <q>, <dfn>, <abbr>, <time>, <code>, <var>, <samp> (en-US), <kbd> (en-US), <sub> (en-US), <sup> (en-US), <i>, <mark>, <ruby>, <rp> (en-US), <rt>, <bdo>, <span>, <br>, <wbr>.
• Using <b> and <i> elements (W3C)

Try it

As a "pure" container, the <div> element does not inherently represent anything. Instead, it's used to group content so it can be easily styled using the class or id attributes, marking a section of a document as being written in a different language (using the lang attribute), and so on.

Attributes

This element includes the global attributes.

Note: The align attribute is obsolete; do not use it anymore. Instead, you should use CSS properties or techniques such as CSS Grid or CSS Flexbox to align and position <div> elements on the page.

Usage notes

• The <div> element should be used only when no other semantic element (such as <article> or <nav>) is appropriate.

Accessibility concerns

The <div> element has an implicit role of generic, and not none. This may affect certain ARIA combination declarations that expect a direct descendant element with a certain role to function properly.

Examples

A simple example

<div>
  <p>
    Any kind of content here. Such as &lt;p&gt;, &lt;table&gt;. You name it!
  </p>
</div>

The result looks like this:

A styled example

This example creates a shadowed box by applying a style to the <div> using CSS. Note the use of the class attribute on the <div> to apply the style named "shadowbox" to the element.

HTML

<div class="shadowbox">
  <p>Here's a very interesting note displayed in a lovely shadowed box.</p>
</div>

CSS

.shadowbox {
  width: 15em;
  border: 1px solid #333;
  box-shadow: 8px 8px 5px #444;
  padding: 8px 12px;
  background-image: linear-gradient(180deg, #fff, #ddd 40%, #ccc);
}

Result

See also

• Semantic sectioning elements: <section>, <article>, <nav>, <header>, <footer>
• <span> element for styling of phrasing content