Tumblr 91839320
.
The
b
element represents a span of text to be stylistically offset from the normal prose without conveying any extra importance, such as key words in a document abstract, product names in a review, or other spans of text whose typical typographic presentation is boldened. The following example shows a use of the b element to highlight key words without marking them up as importantIn the following example, objects in a text adventure are highlighted as being special by use of the b element.
<p>You enter a small room. Your <b>sword</b> glows brighter. A <b>rat</b> scurries past the corner wall.</p>
Another case where the b element is appropriate is in marking up the lede (or lead) sentence or paragraph. The following example shows how a BBC article about kittens adopting a rabbit as their own could be marked up using HTML5 elements:
<article> <h2>Kittens 'adopted' by pet rabbit</h2> <p><b>Six abandoned kittens have found an unexpected new mother figure — a pet rabbit.</b></p> <p>Veterinary nurse Melanie Humble took the three-week-old kittens to her Aberdeen home.</p> [...]
File under head-fuck. Depending on the alignment on the planets, this redefinition of b
either makes some kind of perfect pragmatic sense to me, or causes my head to explode in a fit of presentation/content separation violation.
The idea of marking terms as ‘highlighted’ seems pretty reasonable. The second example seems entirely stylistic and the job of CSS. Or, it’s being emphasised, in which case there’s another element for that job already. Via: dev.w3.org.
Links
To share this entry, or reference it in commentary of your own, link to the following:
- Permalink: https://benward.uk/blog/tumblr-91839320
- Shortlink: https://bnwrd.me/1a_7vY
You can file issues or provide corrections: View Source on Github. Contributor credits.