Beginner LevelHTML & Semantic Web
What is the difference between <strong>/<em> and <b>/<i> tags?
❓ Interview Prompt: Compare semantic <strong> and <em> tags vs presentational <b> and <i> tags.
1. Semantic Tags:
•
'<strong>': Indicates strong importance or urgency. Read with emphatic stress by screen readers.
•
'<em>': Indicates verbal stress emphasis, altering sentence meaning.
2. Presentational / Stylistic Tags:
•
'<b>': Formats text as bold without implying extra importance.
•
'<i>': Formats text in italics for idiomatic terms, technical terms, or thoughts without adding emphasis.
Code Implementation Example
html
<!-- Semantic importance and stress -->
<p><strong>Warning:</strong> Password is <em>case-sensitive</em>.</p>
<!-- Presentational styling -->
<p>The Latin term <i>status quo</i> means current state.</p>💡Semantic strong/em tags vs presentational b/i formatting.
🎯 Interview Key Takeaway
Use <strong> for important text and <em> for stress emphasis; use <b> and <i> for stylistic formatting.
#strong#em#Semantics#Beginner
Back to all HTML & Semantic Web Questions→