b

  • Revisie-identificator: HTML/Element/b
  • Revisietitel: b
  • Revisie-id: 72246
  • Gemaakt:
  • Auteur: DD0101
  • Is huidige revisie? Nee
  • Reactie 4 words added, 2 words removed

Inhoud van revisie

Samenvatting

Het HTML B-element (<b>) representeert een stuk tekst dat qua stijl verschilt van gewone tekst, maar zonder dat het enig belang of relevantie toevoegt. Het is gebruikelijk dat het element wordt toegepast om sleutelwoorden in een samenvatting of productnamen in een recensie vetgedrukt weer te geven. Het element voor datzelfde ook gebruikt voor andere tekst die normaal vetgedrukt wordt weergegeven. Een laatste voorbeeld is het gebruik om de eerste zin van een artikel vetgedrukt te laten zien.

Opmerkingen bij het gebruik:

  • Verwar het <b> element niet met de elementen {{ HTMLElement("strong") }}, {{ HTMLElement("em") }} of {{ HTMLElement("mark") }}. Het <strong> element geeft tekst weer met een bepaald belang; <em> legt enige nadruk op de tekst en <mark> geeft tekst aan met een zekere relevantie. Het <b> element geeft geen betekenis mee; gebruik het daarom alleen als de andere elementen niet passen.
  • Gebruik het <b> element niet om koppen aan te geven; voor dit doel kunt u de elementen {{ HTMLElement("h1") }} tot en met {{ HTMLElement("h6") }} gebruiken.
  • Houd er rekening mee dat <b> tags niet per sé vetgedrukt weergegeven hoeven te worden, omdat de stijl kan worden aangepast met stijlbladen.
  • Het is een goed idee om <b> tags een class attribuut mee te geven, zodat de stijl van verschillende <b>-tags in een document kan worden aangepast met stijlbladen zonder de HTML-code te wijzigen. Bijvoorbeeld <b class="artikelEersteAlinea"> voor de eerste alinea (Engels: paragraph) van een artikel.
  • Oorspronkelijk was het <b> element bedoeld om tekst vetgedrukt te maken. Omdat opmaaktags sinds HTML 4 afgekeurd ("deprecated") zijn, is de betekenis van het <b>-element echter veranderd.

Gebruikscontext

Inhoudscategorieën Flow content, phrasing content
Toegestane inhoud Phrasing content
Weg te laten tags Geen, zowel de begin- als eindtag zijn verplicht
Toegestane ouderelementen Elk element dat phrasing content toestaat
Normatief document HTML5, section 4.6.16 (HTML4.01, section 15.2.1)

Attributen

Zoals alle andere HTML-elementen heeft dit element de globale attributen.

DOM Interface

Dit element implementeert de HTMLElement interface.

Opmerking betreffende implementatie: Tot en met Gecko 1.9.2 implementeert Firefox de HTMLSpanElement interface voor dit element.

Voorbeeld

<p>
  Dit artikel beschrijft verschillende <b>tekst-niveau</b> elementen. Het verklaart hun gebruik in een <b>HTML-document</b>.
</p>
Sleutelwoorden zijn weergegeven met de standaardopmaak van het &lt;b> element, normaal gesproken is dat vetgedrukt.

Resultaat

Dit artikel beschrijft verschillende tekst-niveau elementen. Het verklaart hun gebruik in een HTML-document.

Sleutelwoorden zijn weergegeven met de standaardopmaak van het <b> element, normaal gesproken is dat vetgedrukt.

Zie ook

  • Others elements conveying text-level semantics: {{ 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") }}.
  • Using <b> and <i> elements (W3C)

{{ HTML:Element_Navigation() }}

{{ languages( { "en": "en/HTML/Element/b", "de": "de/HTML/Element/b", "pl": "pl/HTML/Element/b"} ) }}

Bron van revisie

<h2>Samenvatting</h2>
<p>Het HTML B-element (<code>&lt;b&gt;</code>) representeert een stuk tekst dat qua stijl verschilt van gewone tekst, maar zonder dat het enig belang of relevantie toevoegt. Het is gebruikelijk dat het element wordt toegepast om sleutelwoorden in een samenvatting of productnamen in een recensie vetgedrukt weer te geven. Het element voor datzelfde ook gebruikt voor andere tekst die normaal vetgedrukt wordt weergegeven. Een laatste voorbeeld is het gebruik om de eerste zin van een artikel vetgedrukt te laten zien.</p>
<div class="note"> <p><strong>Opmerkingen bij het gebruik:<br> </strong></p> <ul> <li>Verwar het <code>&lt;b&gt;</code> element niet met de elementen {{ HTMLElement("strong") }}, {{ HTMLElement("em") }} of {{ HTMLElement("mark") }}. Het <code>&lt;strong&gt;</code> element geeft tekst weer met een bepaald <em>belang; </em><code>&lt;em&gt;</code> legt enige <em>nadruk</em> op de tekst en <code>&lt;mark&gt;</code> geeft tekst aan met een zekere <em>relevantie</em>. Het <code>&lt;b&gt;</code> element geeft geen betekenis mee; gebruik het daarom alleen als de andere elementen niet passen.</li> <li>Gebruik het <code>&lt;b&gt;</code> element niet om koppen aan te geven; voor dit doel kunt u de elementen {{ HTMLElement("h1") }} tot en met {{ HTMLElement("h6") }} gebruiken.</li> <li>Houd er rekening mee dat <code>&lt;b&gt;</code> tags niet <em>per sé</em> vetgedrukt weergegeven hoeven te worden, omdat de stijl kan worden aangepast met stijlbladen.</li> <li>Het is een goed idee om <code>&lt;b&gt;</code> tags een <code><strong>class</strong></code> attribuut mee te geven, zodat de stijl van verschillende <code>&lt;b&gt;</code>-tags in een document kan worden aangepast met stijlbladen zonder de HTML-code te wijzigen. Bijvoorbeeld <code>&lt;b class="artikelEersteAlinea"&gt;</code> voor de eerste alinea (Engels: paragraph) van een artikel.</li> <li>Oorspronkelijk was het <code>&lt;b&gt;</code> element bedoeld om tekst vetgedrukt te maken. Omdat opmaaktags sinds HTML 4 afgekeurd ("deprecated") zijn, is de betekenis van het <code>&lt;b&gt;</code>-element echter veranderd.</li> </ul>
</div>
<h2>Gebruikscontext</h2>
<table class="fullwidth-table"> <tbody> <tr> <td><a href="/en/HTML/Content_categories" title="en/HTML/Content categories">Inhoudscategorieën</a></td> <td><a href="/en/HTML/Content_categories#flow_content" title="en/HTML/Content categories#flow content">Flow content</a>, <a href="/en/HTML/Content_categories#phrasing_content" title="en/HTML/Content categories#phrasing content">phrasing content</a></td> </tr> <tr> <td>Toegestane inhoud</td> <td>Phrasing content</td> </tr> <tr> <td>Weg te laten tags</td> <td>Geen, zowel de begin- als eindtag zijn verplicht</td> </tr> <tr> <td>Toegestane ouderelementen</td> <td>Elk element dat phrasing content toestaat</td> </tr> <tr> <td>Normatief document</td> <td><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/text-level-semantics.html#the-b-element" rel="external nofollow" target="_blank" title="http://www.whatwg.org/specs/web-apps/current-work/multipage/text-level-semantics.html#the-b-element">HTML5, section 4.6.16</a> (<a class="external" href="http://www.w3.org/TR/REC-html40/present/graphics.html#edef-B" title="http://www.w3.org/TR/REC-html40/present/graphics.html#edef-B">HTML4.01, section 15.2.1</a>)</td> </tr> </tbody>
</table>
<h2>Attributen</h2>
<p>Zoals alle andere HTML-elementen heeft dit element de <a href="/nl/HTML/Globale_attributen" title="Element">globale attributen</a>.</p>
<h2>DOM Interface</h2>
<p>Dit element implementeert de <code><a href="/nl/DOM/element" title="nl/DOM/element">HTMLElement</a></code> interface.</p>
<div class="note"><strong>Opmerking betreffende implementatie: </strong>Tot en met Gecko 1.9.2 implementeert Firefox de <a href="/nl/DOM/span" title="nl/DOM/span"><span style="font-family: Courier New;">HTMLSpanElement</span></a> interface voor dit element.</div>
<h2>Voorbeeld</h2>
<pre class="script">&lt;p&gt;
  Dit artikel beschrijft verschillende &lt;b&gt;tekst-niveau&lt;/b&gt; elementen. Het verklaart hun gebruik in een &lt;b&gt;HTML-document&lt;/b&gt;.
&lt;/p&gt;
Sleutelwoorden zijn weergegeven met de standaardopmaak van het &amp;lt;b&gt; element, normaal gesproken is dat vetgedrukt.
</pre>
<h4>Resultaat</h4>
<p>Dit artikel beschrijft verschillende <strong>tekst-niveau</strong> elementen. Het verklaart hun gebruik in een <strong>HTML-document</strong>.</p>
<p>Sleutelwoorden zijn weergegeven met de standaardopmaak van het &lt;b&gt; element, normaal gesproken is dat vetgedrukt.</p>
<h2>Zie ook</h2>
<ul> <li>Others elements conveying <a href="/en/HTML/Text_level_semantics_conveying_elements" title="en/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 &lt;b&gt; and &lt;i&gt; elements (W3C)</a></li>
</ul>
<p>{{ HTML:Element_Navigation() }}</p>
<p>{{ languages( { "en": "en/HTML/Element/b", "de": "de/HTML/Element/b", "pl": "pl/HTML/Element/b"} ) }}</p>
Terugkeren naar deze revisie