How do I know when to use `<strong>` versus `font-weight: bold`?


#1

Problem
How do I know when to use <strong> or font-weight: bold?

Research
I now know that there are three ways the browser will interpret as “bold” - one, the <b> tag, is deprecated and not listed

Hypothesis
According to my research, the <strong> tag should be used for importance and the font-weight: bold; rule should be for styling purposes because CSS is for styling

Procedure

  1. Ask one codecademy forums discuss
  2. Create discussion
  3. Wait till an answer that what works for me is posted
  4. Reflect

Observations
CSS remains for styling/appearance and HTML remains for meaning.

Conclusion
I accept my hypothesis. I learned about the role of HTML tags vs CSS styling. I can apply this to font-style: italic vs. <em>. I want to know what else I am missing from this scientific method ‘controlled experiment’.


#2

<strong></strong> and <em></em> indicate change of voice to screen readers, or an important phrase to search engines. They are not to be used for only visual purposes. That is where CSS can take over (or <b></b>, <i></i>).


#3

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.