Hello, Community!
I have a question about using the <b></b> and <strong></strong> tags. I have already looked at some sites, but I did not find a comparison that would differentiate the two tags, just the use of them.
What's the difference between these tags? Why do they have the same style? When should I use each one (what is the context)? Is it a problem to use them outside their appropriate contexts?
The same question extends to tags <i></i> and <em></em> .
Here's a JSFiddle / snippet to exemplify what I'm 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) regarding misuse. What can you consider from that? What kind of problem can I face with the misuse of HTML tags?