TLDR;
The b and i tags are from HTML's past, focusing on appearance.
The strong and em tags represent HTML's present and future, focus...
For further actions, you may consider blocking this person and/or reporting abuse
Nice article. :) Very informative.
Thanks for sharing this, I had same questions
What a great explanation!
Thank you!
Excelente. Nos cursos do Brasil os professores mostram as Tags "strong" e "em" mas não explicam corretamente o motivo de haver Tags parecidas. Realmente os conteúdos de tecnologia em Inglês é muito superior e melhor que os conteúdos em português. Obrigada pela explicação.
This is really useful. It love best practices knowledge gain. Thank you!
Thank you ! Glad to hear that
Informative. I didn't know the differences between them.
The
b
andi
elements did get an updated meaning with what was called “HTML 5,” which is now the HTML living standard. The HTML spec explains the meanings of all elements and provides examples, includingb
andi
.The four elements are distinct and can be used (preferably according to their purpose).
There has been lots of confusion around these elements—therefore good to discuss them!—, but they do have a place.
Underrated information. Thanks for it!
For a truely modern formatting, these tags are just small drops on a very hot stone. So we could also ask, why the very few tags the history of HTML provided for formatting should be used at all, while 99% of the formatting is done in CSS.
The article did say 1990's and some websites and search engines STILL use these today ... not everything is an app just yet.
*looking at you Japanese websites!!
Even writing on stone plates is not totally uncommon today...
That's no longer true. These elements were updated in HTML5 and are described in the spec.
The
b
element:The
i
element:In fact, I would argue that the
i
element has far more use cases than theem
element. The latter is used only for stress emphasis:Your example showing usage of these elements is in-pair with what the specification says:
strong
to mark up the most important part of the text (the date of the debut).em
to correctly put stress emphasis the word "early".b
to bring attention to the "Note" word without marking it as more important than the rest of the content.i
to mark up a scientific term.Due to that, I'm quite confused because the example contradicts what you said about these elements.
Thanks for the article, I didn't know the difference. I have to say that for me semantically I understand better that b is from bold and i from italic and I like that they are less bytes, but it is also the habit of years and years using them, if I started today I would find it much better strong than b, although "em" to me is more confusing to relate it to italic than i...
Imagine having a paragraph quote, which is styled to be entirely italicised.
Inside that quote, you want to have a word or phrase emphasised, like the name of a book for example. With
<i>
, you're limited to turning italics on.If you then use CSS to say that, for example,
then it's pretty confusing to read. There's literally a rule saying, "make italic text not italic". If you take the visual wording away, then it's easier to read because there's no contradiction.
Got it! Good point
The “b” and “i” elements did get an updated meaning with what was called “HTML 5.” (The HTML spec clarifies on the meanings and gives examples.)
The four elements are distinct and can be used (preferably according to their purpose).
The “b” and “i” elements did get an updated meaning with what was called “HTML 5.” (The HTML spec clarifies on the meanings and gives examples.)
The four elements are distinct and can be used (preferably according to their purpose).
Great
Hi Mustapha Aouas,
Top, very nice and helpful !
Thanks for sharing.
Nice article, thanks for sharing.