|
You won't see a difference between <i> and <em> in ereaders, unless you have specifically styled them differently in the CSS.
My understanding is that it is helpful for accessibility coding. ie for Read Aloud software. If you want to emphasize certain words in a sentence, you would use <em>, but if you just need italics, say for the name of a ship (USS Enterprise) then you would use <i> because you don't want the voice reader to emphasize the name of the ship.
I would never use <span>s for bold or italic.
In my css I use
em, i, .italic {
font-style: italic;
}
b, strong, .bold {
font-weight: bold;
}
|