Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    text
    copied!<p>If you end up doing <code>&lt;span class="bold"&gt;</code> a lot you are not correctly using either <code>span</code>, nor <code>class</code> names. Class names should tell you what the tag <strong>is</strong>, not what it <strong>looks like</strong>.</p> <p>The correct replacement for <code>&lt;b&gt;</code> and <code>&lt;i&gt;</code> are <code>&lt;strong&gt;</code> and <code>&lt;em&gt;</code>, and they should be used to note that the specific text inside has a different <em>meaning</em> than the surrounding text.</p> <p><strong>Update</strong>: New specification for <code>&lt;b&gt;</code>, <code>&lt;i&gt;</code>,<code>&lt;strong&gt;</code>,<code>&lt;em&gt;</code> released under HTML 5</p> <p>In HTML5 <code>&lt;b&gt;</code> and <code>&lt;i&gt;</code> have specific meaning as do <code>&lt;strong&gt;</code> and <code>&lt;em&gt;</code>. Use them all as specified. </p> <p><a href="http://www.WHATWG.org/specs/web-apps/current-work/multipage/text-level-semantics.html#the-em-element" rel="nofollow noreferrer">4.6.2 The <strong><em>em</em></strong> element</a> :</p> <blockquote> <p>The em element represents stress emphasis of its contents.</p> </blockquote> <p><a href="http://www.WHATWG.org/specs/web-apps/current-work/multipage/text-level-semantics.html#the-strong-element" rel="nofollow noreferrer">4.6.3 The <strong><em>strong</em></strong> element</a>:</p> <blockquote> <p>The strong element represents strong importance, seriousness, or urgency for its contents.</p> </blockquote> <p><a href="http://www.WHATWG.org/specs/web-apps/current-work/multipage/text-level-semantics.html#the-i-element" rel="nofollow noreferrer">4.6.16 The <strong><em>i</em></strong> element</a>:</p> <blockquote> <p>The i element represents [...] otherwise offset from the normal prose [...], such as a taxonomic designation, a technical term, [...].</p> </blockquote> <p><a href="http://www.WHATWG.org/specs/web-apps/current-work/multipage/text-level-semantics.html#the-b-element" rel="nofollow noreferrer">4.6.17 The <strong><em>b</em></strong> element</a>:</p> <blockquote> <p>The b element represents a span of text to which attention is being drawn for utilitarian purposes [...], such as key words in a document abstract, product names in a review [...].</p> </blockquote>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload