What is difference between <em> and <i> ?

Answer 1

<em> is the more recent of the two and so is preferred over <i> for italics. <i> on the otherhand is the preferred way to make icons with css frameworks such as bootstrap and semantic UI. e.g. <i class=‘ui bell icon></i>

Answer 2

<i> stands for italic while <em> stands for emphasis. While both are typically (but not always) styled to display as italic, <em> is used when you want to put more stress on a word or phrase.