Generic Container<span>
category
Generic inline element with no semantic meaning
style
Used with CSS for custom styling
code
No visual effect when used alone
<p>My mother has <span style="color: blue;">blue</span> eyes.</p>
Key Elements Summary
format_bold
<b> Visual bold
priority_high
<strong> Important
format_italic
<i> Visual italic
record_voice_over
<em> Emphasized
format_strikethrough
<del> Deleted
add_circle
<ins> Inserted
highlight
<mark> Highlighted
subscript
<sub> Subscript
Best Practices
psychology
Prefer semantic elements over visual ones
accessibility
Consider screen readers and accessibility
search
Use semantic elements for SEO benefits
style
Use CSS for styling, not HTML elements
format_align_left
Use elements for their intended purpose
format_color_text
Use <span> with CSS for custom styling
code
Keep HTML clean and semantic
device_hub
Structure content logically
When to Use Each Element
format_bold
<b> Keywords, product names, visual styling
priority_high
<strong> Warnings, important information
format_italic
<i> Foreign terms, technical terms
record_voice_over
<em> Words that would be stressed in speech
format_color_text
<span> Custom styling with CSS