What is the difference between the <b></b> and <Strong></Strong> tags?

Asked

Viewed 1,795 times

1

Hello, Community!

I have a question about the use of tags <b></b> and <strong></strong>. I’ve searched some sites, but I couldn’t find a comparison that differentiated the two tags, only their use.

What’s the difference between these tags? Why do they have the same style? When should I use each one (what is the context)? There is a problem of using them outside their appropriate contexts?

Same doubt extends to tags <i></i> and <em></em>.

Here’s a Jsfiddle/snippet to exemplify what I am saying.

body{
  font-family: 'Calibri Light', sans-serif;
}
<h3>
    Usando <i>bold</i> 
</h3>
<p>
Lorem ipsum dolor sit amet, <b>consectetur adipiscing elit</b>. Sed ut dictum ex, ut efficitur nibh. Donec accumsan.
</p>
<h3>
    Usando <i>strong</i> 
</h3>
<p>
Lorem ipsum dolor sit amet, <strong>consectetur adipiscing elit</strong>. Sed ut dictum ex, ut efficitur nibh. Donec accumsan.
</p>
<h3>
    Usando <i>italic</i> 
</h3>
<p>
Lorem ipsum dolor sit amet, <i>consectetur adipiscing elit</i>. Sed ut dictum ex, ut efficitur nibh. Donec accumsan.
</p>
<h3>
    Usando <i>emphasis</i> 
</h3>
<p>
Lorem ipsum dolor sit amet, <em>consectetur adipiscing elit</em>. Sed ut dictum ex, ut efficitur nibh. Donec accumsan.
</p>

HTML in general does not seem to present serious problems for the developer (bugs) as to misuse. What can be considered from this? What kind of problem can I face by misusing HTML tags?

html tags

  • @Bacco, I edited the post and put my last question in bold. Would you help me with it too? I saw the link reply and it is perfect for the first part. Thank you!

  • 1

    The original question has a "When and why use each of them?" Maybe the answers there are leaving a little to be desired, but it still seems to me to be the same problem. I have the impression that there is not enough difference for two separate questions on the site, but if you make a more specific one about the semantically incorrect use of tags, then maybe the focus will change (and would be more comprehensive than the elements mentioned). Now, the greatest care would be to elaborate in a way to demand more technical than opinionated answers.

  • Oh! You are right! I will take your opinion!!! Thank you!

  • 1

    Think about this possibility to elaborate a more focused on the importance of the correct semantics in HTML, I think there is none on the site (at least, in a quick search, I did not find). In any case, it compensates for a good researched, and when designing, be careful not to fall into the problems of closing the site (too wide, based on opinion, etc)

1 answer

4

In fact visually none, the difference this for physically disabled or should be, when a browser for blind identifies the word Strong, between the tags the reading is made with greater emphasis. But visually they have the same purpose to bold a word

Browser other questions tagged html tags

You are not signed in. Login or sign up in order to post.