Menu
Note: I know <b> is presentational and <span style="font-weight:bold> is a better way, and <strong> and <em> are for emphasis but my question is not regarding this.
Should we convert every <b> to <strong> blindly? Many people do this, they think <b> is not good as per web standards so they convert every <b> to <strong> upon site redesign, content re-population, new site design and people suggest this to others also.
Dreamweaver has also given the option to convert all <b> and <i> to <strong> and <em> on code paste in design view and when we use B and I Which people use blindly.
alt text http://shup.com/Shup/280420/1101118332-My-Desktop.png
And Dreamweaver (if above option is checked) and many online WYSIWYG editor give output in <strong> and <em> while button shows B and I.
alt text http://shup.com/Shup/280425/1101118921-My-Desktop.png
In my opinion it's creating a misconception about <strong> and <b>
When we get content from a client we don't know where the client wants to give emphasize and where he just wants to use bold text for presentation purposes. What should we do in this circumstance? No one has the time to give to decide for each instance (us and the client), whether it should be <b> or <strong>, <i> or <em>
What are the pros and cons to convert every <b> and <i> into <strong> and <em> blindly if we are saying our site is accessible?
Update: remember <b> and <i> are not deprecated they are in HTML 5 specification
365
<strong> means "strong emphasis", and implies no particular visual style. It has semantic meaning, but could look like anything. <b> is used to apply a bold visual effect to text, but is a presentational tag like <font> and so should be avoided (where possible) in favour of CSS.
b or i means you want the text to be rendered as bold or italics. strong or em means you want the text to be rendered in a way that the user understands as "important". The default is to render strong as bold and em as italics, but some other cultures might use a different mapping.
The text written under <b> tag makes the text bold presentationally to draw attention. The main difference between these two tag is that the strong tag semantically emphasizes on the important word or section of words while the bold tag is just offset text conventionally styled in bold.
nope <strong>. strong isn't deprecate in html5 strong documentation, but exists a difference between html4 and html5 "In HTML 4.01, the strong tag defines strong emphasized text, but in HTML5 it defines important text."
As others have mentioned using <strong>, <em>, <cite> etc. adds semantics, and this is important because you say something about why you want to emphasize something, and increases the readability of your html, because you know why its in bold.
Furthermore screen readers use the strong tags to make an audible difference when reading it aloud.
Maybe you could think about the audio represenation as a guide. If you would want a difference when read aloud, mark it as <strong> for instance, if not use <b>.
Then there is the issue of rendering: I don't actually know if all browsers will render a <strong> as a bold and if it will stay that way.
So in short: <strong>No</strong>.
145
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
