文本格式化
b/strong 加粗、i/em 斜体、small/mark/del/ins/sub/sup 语义标签
文本格式化
HTML 提供多种标签来标记文本的语义——不只是改变外观,还告诉搜索引擎和屏幕阅读器这段文字的重要性。
学完本章你将: 掌握加粗/斜体、语义标签、上下标、删除插入。
加粗与强调
html
<b>粗体文字(仅视觉效果)</b>
<strong>重要文字(语义强调 + SEO)</strong>
<i>斜体文字(仅视觉效果)</i>
<em>强调文字(语义强调 + 读屏器重读)</em>
💡 优先使用
<strong>和<em>——它们带有语义。
其他格式化标签
html
<small>小号文字</small>
<mark>高亮文字</mark>
<del>删除文字</del>
<ins>插入文字</ins>
H<sub>2</sub>O <!-- 下标 -->
x<sup>2</sup> <!-- 上标,如 x² -->
综合示例
html
<p>
原价:<del>¥99</del>
现价:<strong>¥49</strong>
<mark>限时优惠!</mark>
</p>
<p>
爱因斯坦的质能方程:E=mc<sup>2</sup>
</p>