I was reading CSS Tricks about deprecated HTML and got to wondering about the bold and italic tags as they mention:
^ that is an `aside` but you can't tell... I tried `cite` but it was not output.
<i>have companions, including
<cite>. Together, these tags make the meaning context of text clearer:
<b>is for drawing attention to text without giving it any additional importance. It’s used when we want to draw attention to something without changing the inflection of the text when it is read by a screen reader or without adding any additional weight or meaning to the content for search engines.
<strong>is a lot like
<b>but signals the importance of something. It’s the same as changing the inflection of your voice when adding emphasis on a certain word.
<i>italicizes text without given it any additional meaning or emphasis. It’s perfect for writing out something that is normally italicized, like the scientific name of an animal.
<i>in that it italicizes text, but it provides adds additional emphasis (hence the tag name) without adding more importance in context. (‘I’m sure I didn’t forget to feed the cat’).
<cite>is what we use to refer to the title of a creative work, say a movie like The Silence of the Lambs. This way, text is styled but doesn’t affect the way the sentence would be read aloud.
In general, the rule is that
<i>are to be used only as a last resort if you can’t find anything more appropriate for your needs.
So, this editor and the one in CP, both indicate bold as B and italic as I in the toolbar, yet they use
em in the output HTML, and the general rule is that
i are last resort.
I actually have a site that has a lot of botanical names, and so I should be using
i instead of
em, but the editor doesn’t cooperate.