Hey there Shay. Firstly, thank you for these awesome pages! I could go on saying how much I have learned from them and that they really are just amazing, but I am easily distracted (usually by my own thoughts posing as neat, new ideas, etc) and I am sure you hear enough people gushing at you. Inevitable with something this cool. Anyway! I am wondering about semantics. Specifically, I can never tell the difference between the two pairs (italics and em, and bold & strong ). I know that the browser sees them differently, but am I supposed to be seeing some...I dunno, fireworks or a light show? I feel like I am missing something. Hoping you can help me out. Thanks again.
Hey @MichaelTheGamer, thank you so much for the kind words, I really appreciate it! More so, I'm happy you enjoy the lessons and are learning.
With regards to noticing the difference yourself, honestly, you may not. These em,i,strong, andb` elements had default browser styles that may be overwritten with additional styles. Therefore the default styles can be removed, adjusted, and so forth. More important than recognizing the style of these elements is knowing when and where to use them semantically.
Hopefully this helps, enjoy!
Sorry to bother you again but that is part of the problem: when to use them. I use FF Mobile (on both beta and Nightly, so I am beyond up to date). Does that help narrow it down? I know that I don't have to use moz anymore, lol, but I don't know if/whether you can, hopefully, for example say, «Oh, sure. Well since you are using FF 57xx and newer, then it is definitely best to do this when that, and make sure you don't do this when using em because FF doesn't respond well to that so best just use the i instead in this case,»… …and so on.
@MichaelTheGamer, I'm not quite sure I understand your question.
In general, the semantic difference of elements does not change with each browser. All browsers will semantically recognize the strong element as strong importance to text, as well as the b element as stylistically offset text.
I've written a bit more about this at https://learn.shayhowe.com/html-css/getting-to-know-html/#text-based-elements, which may help.
Need to know how to enable it? Go here.